ディスパッチャなしのWPF WebブラウザでJavascriptを呼び出す

Question

WPF WebBrowserコントロールを実装するアプリケーションがあります。おそらく他のスレッドからアプリケーションから呼び出さなければならないいくつかのJS関数を含むページを読み込みます。私はMVVMのパターンに固執し、モデル内で関数の戻り値を解析するコードを保持しておきたいと思います。 WebBrowserオブジェクトでInvokeScriptメソッドを呼び出すことは、UI要素であるため、Dispatcherスレッド（したがってビュー）で実行する必要があります。

私は現在、この仕事を得るための手順は、（大体擬似中）である：

- subscribe to the LoadCompleted event of the browser (view) 
- set the browser source (model -> viewmodel -> view) 
- catch the LoadCompleted event (view -> viewmodel -> model) 
- some logic (model) 
- invoke script (model -> viewmodel -> view) 
- get script result (view -> viewmodel -> model) 
- some logic (model) 

これは、（のviewmodel経由）モデルとビューの間でかなりの前後コミュニケーションにつながります。私はWPF（またはその点ではMVVM）で経験したことがないので、私はこの仕事をよりうまくやり遂げる方法があるのか​​どうか疑問に思っています（ちなみに、モデルとビューモデルとビューの間の呼び出しやイベントが少ない）。

Answer 1

私はこれがあなたの質問に対する答えではないことを知っていますが、それは将来あなたをさらに助けるかもしれません。 CefSharpというコンポーネントを見てください。これはChrome Embedded FrameworkのC＃ラッパーです。それは非常にMVVMに優しいです、それはオープンソース、無料であり、それは合理的に開発するのが簡単です。私は最近、別のChromeラッパー（Awesomium）からそれに移動し、とても満足しています。

CefSharpを使用すると、ページからjs関数を呼び出すことができ、それらの呼び出しに対してasync/awaitをサポートすることもできます。

Answer 2

MVVMの主なポイントは、異なるプラットフォームのロジック（viewmodel \ model）を再利用できるように、プラットフォーム（プラットフォーム固有の：windows \ android \ ios \ windows phone etcなど）をすべて分離することです。ですから、ViewModelからInvokeScriptを直接呼び出すことはできませんが、ディスパッチャのためではありません。ディスパッチャーを抽象化することができます（for example）。これは、ビュー・モデルで必要な場合があるためです。だから、通常のviewmodelビューで操作を実行する必要がある場合 - イベント（または単に代表者）が使用されています。

public class MyViewModel 
{ 
    public Func<string, object> InvokeScript { get; set; } 
    public Func<string, Task<object>> InvokeScriptAsync { get; set; } 

    public async void Something() { 
     var result = await InvokeScriptAsync("my script"); 
     // do something 
    } 
} 

そして、あなたのビューで：

public class MyView { 
    private void OnViewModelChanged(MyViewModel vm) { 
     vm.InvokeScript = text => Dispatcher.Invoke(() => browser.InvokeScript(text)); 
     vm.InvokeScriptAsync = text => browser.InvokeScriptAsync(text); // for example 
    } 
}