[WebView2] (5) 仮想ホストのローカルHTMLリソースの読み込み

クズども · 掲載地 2022/10/10 16:41:42

要件:顧客のマシンが外部ウェブウェブサイトにアクセスできない場合(例えば、WebView2ベースの音楽プレーヤーソフトウェアでネットワークなしで通常ローカル曲を再生できる場合)、WebView2は外部ネットワークリソースにアクセスできず表示もできず、ソフトウェアは正常に動作しませんHTML、CSS、JSリソースをインストールパッケージに埋め込み、WinFromが顧客のローカルファイルリソースを読み込めるようにしますこれ。 HTML、CSS、JSコードをインストールパッケージにパッケージ化するもう一つの利点は、WebView2が顧客の現場から直接ファイルを読み取るため、ユーザーのインターネット速度に影響されないことです。

復習：

[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

[WebView2] (4) WebとWinFormは関数メソッドを互いに呼び出します
https://www.itsvse.com/thread-10365-1-1.html

Angularコンパイルパッケージ

フロントエンドはAngularフレームワークを用いて開発され、以下のコマンドでパッケージ化されています:

ログインが見えます。

以下の図に示されるように、パッケージ化された生成されたHTML、CSS、JSファイル:

WinFrom ウェブホスティングとフォルダマッピング

通常、ローカルウェブリソースを読み込むためにWebView2の使用が必要ですSetVirtualHostNameToFolderMappingドメイン名とフォルダ間のマッピング関係を設定し、WebView2を通じて設定ドメイン名にアクセスします。参照:ハイパーリンクのログインが見えます。

ホストネームルール:RFC 6761はいくつかの特殊目的ドメイン名(例:.example、テストと.invalid)を組み合わせて。 .localをトップレベルドメインとして使用することは可能ですが、ナビゲーション時に遅延が生じる可能性があります。可能であれば、.localの使用は避けたほうがいいです。

C#コードは次のようになります:

ログインが見えます。

SetVirtualHostNameToFolderMappingの2番目のフォルダパラメータで、インストールパッケージがウェブリソースのアドレスをローカルディスクフォルダに解放するはずなのに、私はここでテストしているのでdeadと書きました。

WinFromプログラムを実行すると、以下の図のようにローカルウェブリソースを正常に読み込みレンダリングできます。

(終わり)

月は地の果てで沈む · 掲載地 2023/03/31 9:21:20

共有してくれてありがとうございます。学んでいます

[出典] [WebView2] (5) 仮想ホストのローカルHTMLリソースの読み込み

関連記事

閲覧したセクション