.NET桌面程序混合開發之一：Winform+H5，WebView2概覽

1. 基於Microsoft Edge的WebView2介紹

Microsoft Edge WebView2控件可以將web技術（HTML，css，javascript）應用於原生程序中。WebView2用Microsoft Edge作為引擎來渲染展示在原生程序中的網頁內容。有了WebView2，就可以在原生程序的多個不同界面嵌入web內容，也可以構建基於單頁面的原生程序。如下圖所示：
。
如何構建WebView2的應用，點此查看。

2. 混合應用實踐

開發人員經常被如何選擇原生還是web類型的程序而困擾。而這需要在程序訪問資源‘廣度（reach）’和‘深度(power)’兩者間做取舍。

• Web應用允許比較廣泛的訪問資源。作為一個Web開發者，多數的代碼是可以跨平台的。
• 要訪問本地資源，則需要用到原生應用。
  
  混合應用可以融合二者所長：豐富和強大的網絡資源+本地資源的深度訪問能力。

3. WebView2的能力

• Web的豐富生態與技術棧。利用整個Web生態的框架、程序庫、工具、和廣大的從業人才。
• 快速迭代。Web開發可以快速部署與版本迭代。
• 兼容性好。Win7，8，10上都有一致的用戶體驗。
• 本地訪問能力。可以訪問整個原生體系的API。
• 代碼復用。Web基礎代碼可以多平台復用。
• 微軟支持。微軟提供技術支持並持續添加新特性。
• 滾動更新發布。可以利用Chromium內核的平台更新與安全補丁更新機制。
• 鎖定版本發布。也可以在應用中打包指定版本號的Chromium內核版本。
• 豐富的可選插件。添加插件到你的應用中。

4. 開始

想要構建和測試基於WebView2的應用，首先得安裝WebView2 SDK。Visual Studio 2019中自帶，如果沒有，可以在Packge Manager控制台(View-Other Windows-Package Manager Console)執行如下代碼：

PM> Install-Package Microsoft.Web.WebView2 -Version 1.0.1054.31

WebView2示例包括WebView2的特性和API的使用方法示例。隨着更多的特性被加入，這個倉的示例也會隨着更新。

5. 支持平台

通用或預覽版本的WebView2，在以下開發環境中可以支持：

• Win32 C/C++ (GA)
• NET Framework 4.5 or later
• NET Core 3.1 or later
• NET 5
• NET 6
• WinUI 2.0 (Preview)
• WinUI 3.0
  WebView2的應用可以運行在以下Winows平台：
• Windows 11
• Windows 10
• Windows 10 IoT Enterprise LTSC x32 2019
• Windows 10 IoT Enterprise LTSC x64 2019
• Windows 10 IoT Enterprise 21h1 x64
• Windows 8.1
• Windows 7 **
• Windows Server 2019
• Windows Server 2016
• Windows Server 2012
• Windows Server 2012 R2
• Windows Server 2008 R2 **