首页 » 其他语言 » C# » C#使用CefGlue+VUE进行桌面应用混合开发

C#使用CefGlue+VUE进行桌面应用混合开发

 

C#开发桌面级的应用,大多使用Winfrom和WPF来做UI,我一直使用的是WPF,要完成美工的设计时,总是难受得很,不如HTML5好用。

百度一翻,发现可以使用CEFGlue+HTMl5来做页面.

CEF:Chromium Embedded Framework (CEF)是个基于Google Chromium项目的开源Web browser控件,支持Windows, Linux, Mac平台。

CEFGlue: 是以C++写就CEF类库的C# 移植版。基于此类库,我们可以很方便的在我们的winform、wpf等C/S项目中嵌入Chrome浏览器。
当我们在项目中引入了CEFGlue类库之后,我们还需要引入CEF类库,因为我们需要通过P/Invoke来调用CEF类库的C++方法。

因此如果我们想要在我们的C/S项目中引入浏览器就需要通过引入这两个类库了。


首先下载CEFglue,下载链接:https://bitbucket.org/xilium/xilium.cefglue/downloads/ ,里面包含winform与wpf的Demo,可以学着怎么使用。

把CEFGlue导入到VS,打开工程CefGlue>Interop文件夹>version.cs.

image.png

然后下载CEF的版本库,因为Cef版本必须要与CefGlue对应,才能运行。

下载链接:http://opensource.spotify.com/cefbuilds/index.html  下载windows32版本的。

image.png

下载完成,把文件全部复制粘贴到Cefglue工程的输出目录(bin/debug).


工程的目标平台改成32位

image.png

取消钩选“启用Visual Studio承载进程


然后把winform或者wpfosr设置为启动项目。

最新版编译好的源码:https://u17757784.ctfile.com/fs/17757784-319355517

另外:因为在xp环境下Chromium 只支持到了49,所以最新版的cefglue不支持。

附上旧版本的cefglue:https://u17757784.ctfile.com/fs/17757784-319355544


顺便提一下如何搭配VUE框架,我是VUE做前端页面,页面写好之后进行npm run build打包,放进cefglue项目当中。

交互操作使用是Cefglue拦截js的XHR请求并返回json进行交互,类似于android与java后台的操作。


原文链接:C#使用CefGlue+VUE进行桌面应用混合开发,转载请注明来源!

1