C#桌面開發的將來WebWindow

目錄

• WebWindow
  • 源碼
  • 做者博客
  • 基於Chromium的Edge
  • 體驗
    • 體驗方式一：
    • 體驗方式二：
  • 遺留的問題

WebWindow

WebWindow是跨平臺的庫。 Web Window的當前實驗實現可在如下平臺上運行：

• Windows – 須要基於Chromium的Edge
• Linux – 使用WebKit
• Mac – 須要Safari

源碼

https://github.com/SteveSandersonMS/WebWindow.git

Zeje Fork的分支：https://github.com/zeje/WebWindow.git

做者博客

https://blog.stevensanderson.com

基於Chromium的Edge

由於大衆用的仍是Windows操做系統（如win 7，win 10）。爲了面向大衆，咱們在Windows 10下體驗下WebWindow。如今下載並安裝基於Chromium的Edge：

下載地址：https://www.microsoft.com/en-us/edge
下載地址：https://www.microsoft.com/en-us/edge/business/download （建議）

中間可能在升級的時候，要求你更新操做系統才能夠安裝（安裝過程略）

體驗

本人的體驗環境是：

• Window 10
• Visual Studio 2019
• 基於 Chrome的 Edge

體驗方式一：

• 建立一個.net core 3.0的控制檯程序
• 安裝WebWindow Nuget包

• 加入啓動代碼

  using System;
  using WebWindows;
  
  namespace ZejeDesk.WebWindowApp
  {
      class Program
      {
          static void Main(string[] args)
          {
              var window = new WebWindow("擇捷工做室WebWindow體驗");
              window.NavigateToString("<h1 style=\"text-align:center;\">擇捷工做室!</h1> <div style=\"text-align:center;\">WebWindow體驗（該桌面窗口爲.NET Core 3.1應用）</div>");
              window.WaitForExit();
          }
      }
  }

• 體驗效果

體驗方式二：

預期目標：

1. 不須要依賴.net core 3.0
2. 僅僅依賴.net framework 4.5即可。

• Clone下源碼到本地

• 打開WebWindow.Dev解決方案

• 搗鼓編譯源碼的事情
  • 可愛又可恨的WebWindow.Native
    • 可愛：它實現了WebView的調用；

• 可恨：對於國情來講，它並不完美；
  * 咱們須要它對更多的瀏覽器的支持，特別針對雙引擎瀏覽器
  * 對於windows底層方法的調用，並不必定須要原生支持，特別是一些簡單的操做，js + http + webapi的方式徹底能夠勝任。

• 編譯的前提條件：WebWindow.Native

• 安裝C++桌面開發支持

• 使用x64編譯WebWindow.Native

  搗鼓這個最麻煩，每一個人的環境不一，像我這等C++丟了12年的人（大一學過）來講，報include異常後徹底不知道怎麼搞（請教了會C++的朋友也無果），後來好像是更新了操做系統的補丁，重啓後就能正常編譯了。

• 把WebWindow改爲面向多目標框架的項目

修改WebWindow.csproj文件

<TargetFramework>netstandard2.1</TargetFramework>

爲

<TargetFrameworks>net45;net451;net452;net46;net461;net471;netstandard2.1;netcoreapp2.0;netcoreapp3.0</TargetFrameworks>

處理掉部分代碼的問題，如：

net45下包System.Runtime.InteropServices.RuntimeInformation的引用問題

• 在WebWindow.Dev解決方案中，新增.net framework 4.5控制檯應用程序ZejeWebWindowApp

• 在ZejeWebWindowApp中加入WebWindow項目引用
• 加入啓動代碼

using System;
using WebWindows;
    
namespace ZejeWebWindowApp
{
    class Program
    {
        static void Main(string[] args)
        {
            var window = new WebWindow("擇捷工做室WebWindow體驗");
            window.NavigateToString("<h1 style=\"text-align:center;\">擇捷工做室!</h1> <div style=\"text-align:center;\">WebWindow體驗（該桌面窗口爲.NET FrameWork 4.5應用）</div>");
            window.WaitForExit();
        }
    }
}

• 修改項目配置

• 體驗效果

遺留的問題

• 怎麼兼容國產瀏覽器？
• 怎麼支持x86？
• 其餘須要調用windows底層方法如何處理？

這些都不是不懂C++的我能左右的，但願.net的C++高手們貢獻點力量吧！