目前很多应用都存在网页端和客户端形式,例如常用的:钉钉、微信等。按传统的开发形式,需要为客户端开发一套界面。基于当前Web应用可以利用三大前端框架和UI框架快速开发出各种酷炫的界面,于是出现了客户端嵌浏览器的方式,它不仅可以重用Web应用,而且以客户端内嵌浏览器的形式,不用担心用户用IE浏览器打开你的Web应用(滑稽);
下面展示Winform客户端+ChromiumFX嵌Vue应用页面效果:
https://zbj-bucket1.oss-cn-shenzhen.aliyuncs.com/2.mp4
一、下载资源文件
(1)Chromiumfx下载(目前最新版本73.1.13.0,发布时间2019-04-18)
下载链接:https://bitbucket.org/chromiumfx/chromiumfx/downloads/
解压后打开cef文件夹中的readme.txt文件,查看依赖的cef的版本。
(2)下载依赖的cef(这里对应的版本为73.1.13+g6e3c989+chromium-73.0.3683.75)
下载链接:http://opensource.spotify.com/cefbuilds/index.html#windows32_builds
根据不同的操作系统版本下载相应的Sample Application即可
解压后的文件如下:
二、新建Winfrom项目
(1)编译ChromiumFX程序
打开ChromiumFX.sln解决方案(我用的是VS2015),按平台需求选择Release x86或者其他,依次生成libcfx、ChromiumFX、ChromiumWebBrowser项目生。
在\Build\ Release中复制我们需要的三个文件libcfx.dll、ChromiumFX.dll、ChromiumWebBrowser.dll(这里要编译libcfx C项目,有点麻烦,源码中已经编译好了,这步可以省略)
(2)新建Winform项目,项目中引用ChromiumFX.dll、ChromiumWebBrowser.dll
添加初始化页面窗体
private string mUrl = ""; ChromiumWebBrowser testWeb; public InitForm(string url) { InitializeComponent(); mUrl </