[WebView2] (4) WebとWinFormは関数メソッドを互いに呼び出します

クズども · 掲載地 2022/09/29 21:03:59

要件:前回の記事では、ウェブインターフェースとWinFormアプリケーションが互いにメッセージを送るために通信する方法について書いていましたが、メッセージのみが正常に送信され、応答情報は取得できませんでした。もしC#クライアントがWebの関数メソッドを呼び出して返還結果を取得したらどうでしょうか? ウェブはどうやってC#コードを呼び出して返り値を取得しているのでしょうか?

復習：

[WebView2] (1) Microsoft Edge WebView2技術の初期導入
https://www.itsvse.com/thread-10361-1-1.html

[WebView2] (2) WinFormがWebView2を導入し、ウェブコンテンツを表示
https://www.itsvse.com/thread-10362-1-1.html

WebView2 (3) WebとWinFormアプリケーション間の双方向通信
https://www.itsvse.com/thread-10364-1-1.html

まずは実装のレンダリングを見てみましょう。ウェブサイトではWinFormアプリケーションと呼ばれていますクリップボードデータの取得WinFormアプリウェブのabcメソッドを呼び出してリターン値を取得します次のように：

C#はWeb関数メソッドを呼び出します

このシナリオはウェブ上でJavaScriptを実行する方法を示しています。この方法では、ホストアプリが実行するJavaScriptコードを指定し、ExecuteScriptAsyncでコードをウェブに渡します。 ExecuteScriptAsync関数はJavaScriptの結果をExecuteScript呼び出し元に返します。

Angular index.htmlページコードは以下の通りです:

ログインが見えます。

フロントエンドは主にabc関数を定義します。

Winformはウェブのabc関数を以下のコードで呼び出します:

ログインが見えます。

ウェブページはC#関数メソッドを呼び出します

ネイティブオブジェクトをウェブに渡すこと。ウェブからオブジェクトを呼び出す方法が呼び出されます。

メソッド呼び出しを表すメッセージを使用するには、AddHostObjectToScript APIをご利用ください。大まかに言えば、このAPIはネイティブ(ホスト)オブジェクトをウェブに公開し、プロキシとして機能させることを可能にします。 window.chrome.webview.hostObjectsを使ってください。 {name}>a0>これらのオブジェクトにアクセスしてください。参考文献:ハイパーリンクのログインが見えます。

ウェブページに新しいボタンを作成し、C#コードを呼び出してシステムの現在のクリップボードのデータを取得するボタンをクリックしてください。

Angular app.component.htmlコードは以下の通りです。

ログインが見えます。

app.component.tsコードは以下の通りです:

ログインが見えます。

フロントエンドのJSコードには同期呼び出しと非同期呼び出しがあります。

c# WebView2HostObjectホストオブジェクトを以下のコードで定義します:

ログインが見えます。

注意:カスタムWebView2HostObjectクラスにはタグ付けが必要です[ClassInterface(ClassInterfaceType.AutoDual)]、[ComVisible(true)]プロパティでなければ、JSはクラスにアクセスできません。

次に、AddHostObjectToScript(String,Object)で新たに定義されたインスタンスを追加し、以下のコードで行います。

ログインが見えます。

最後に、フロントエンドのボタンをクリックしてクリップボードデータを表示します。効果は以下の通りです:

(終わり)

トビウオ · 掲載地 2022/10/08 15:07:01

覚えてみろ

月は地の果てで沈む · 掲載地 2023/03/31 13:30:38

そこから学びました。共有してくれてありがとうございます

[出典] [WebView2] (4) WebとWinFormは関数メソッドを互いに呼び出します

関連記事

閲覧したセクション