問題

VSTO開發中,可以使用winform wpf這些進行開發, 但是這些都不如web開發者多,學習週期和通用性都不是很高,所以我決定找一個用web展示UI的方案
winform 中是可以使用webbrowser控制元件的,並且可以進行本地通訊,嵌入web的方案整體是ok的

踩坑

內建webbrowser

內建的webbrowser 是 ie核心 對ie核心...

於是筆者查看了市面上其他的外掛發現大家都用的是cefsharp,然鵝很不幸的是,這東西又大又不好整合,費了九牛二虎之力也沒能整合到VSTO裡面,各種報錯

webview2

幸運的是巨硬剛剛推出的webview2完美符合我的要求,整合也非常簡單,下面就來看下webview2如何整合到VSTO的外掛之中,下面是整合之後的預覽,UI不用愁啦,哈哈

建立一個VSTO程式

取名PowerPointAddIn-Webview2 Framework版本4.6.2或以上

建立完成後

安裝webview2

開啟NuGet 搜尋WebView2找到 Microsoft.Web.WebView2就可以安裝上了,怎麼樣 夠簡單吧

整合到winform

右鍵方案->Add New Item->Form(Winfows Forms)

在winform的toolbox中找到webview2 拖入form中調整一下屬性

• Dock屬性使其鋪滿form
• Source中填寫要訪問的網址, 這裡我用了 three.js的測試地址(http://www.webgl3d.cn/threejs/examples/?q=MMD#webgl_loader_mmd
  )
  

測試結果

修改ThisAddIn.cs中直接彈出winform視窗

F5執行!(由於3d模型比較大,要載入一會才行)


目前webview2已經整合進來,互動問題我們下一次再說,這個其實可以擴充套件到很多地方,巨硬明顯是想搶electron的份額,並且win11天然整合webview2,有興趣的小夥伴可以研究一下哦