CEF3在windows下使用Visual Studio2013操作实践

本文介绍了如何利用Chromium Embedded Framework (CEF3)在Windows环境下,借助Visual Studio2013创建一个能够在WinForm中浏览网页的客户端应用。详细步骤包括CEF3和cmake的下载、解压、配置、编译以及运行示例项目cefsimple,最终展示在客户端中加载百度首页。

CEF简介:

Chromium Embedded Framework (CEF)是个基于Google Chromium项目的开源Web browser控件,支持Windows, Linux, Mac平台。除了提供C/C++接口外,也有其他语言的移植版。
因为基于Chromium,所以CEF支持Webkit & Chrome中实现的HTML5的特性,并且在性能上面,也比较接近Chrome。

实践目标:

使用CEF框架做一个Windows客户端,实现在WinForm中浏览网页。

准备工具:

cef_binary_3.2526.1373.gb660893_windows32.7z

cmake-3.7.1-win64-x64.zip

Microsoft Visual Studio Ultimate 2013 版本 12.0.21005.1 REL

操作步骤:

  • 解压

将cef_binary_3.2526.1373.gb660893_windows32.7z解压到D:/temp/Chrome/cef_windows32目录中

在D:/temp/Chrome/cef_windows32中新增目录:Build文件夹

将cmake-3.7.1-win64-x64.zip解压到D:\temp\Chrome\cmake\cmake-3.7.1-win64-x64目录中

在D:\temp\Chrome\cmake\cmake-3.7.1-win64-x64\bin目录中双击打开cmake-gui.exe程序

  • 配置

第一行选择cef解压的位置:D:/temp/Chrome/cef_windows32

第二行选择新建Build文件夹:D:/temp/Chrome/cef_windows32/Build

然后依次点击按

GIF动态预览图: 开发环境: E2EE支持库 (已集成) CEF框架(已集成) VUE -https://cn.vuejs.org/ (已集成) NodeJS (已集成) WebPack (已集成) HTML/CSS/JS (已集成) 易语言 (已集成) 易主程序源码参考 lib ---- CEF运行库,必须 (目录名禁止修改) server ---- 本地服务器网站目录,必须 图标 ---- 自带的图标,可删除 jingyi.e ---- 主程序源代码 精益论坛PC版DEMO.exe ---- 主程序成品,必须 Chromium Embedded Framework 3.ec ---- CEF调用模块 Installer32.dll ---- CEF 扩展DLL,必须 libtransfer.dll ---- CEF 扩展DLL,必须 以上标注“必须”为整个程序生产编译后的依赖项,否则无法正常运行 VUE界面源码参考 由于环境模块过大,所以不附带 初始化安装环境步骤: 1、请将当前目录的yarn.lock 删除 2、在当前目录下打开CMD,输入指令“yarn”回车即可自动安装环境 3、安装好环境包后,在当前目录执行CMD指令“yarn serve”回车即可运行调试 4、yarn build 命令 一键打包发布,发布后的内容在当前dist目录下,打包完成后会自动生成 5、将打包后的dist网页内容复制到,易语言主程序下的server目录替换即可 以上为有HTML,CSS,JS基础,以及会VUE框架的人使用,如果您不会VUE,您需要学习后在来操作。 我们已经把打包后的VUE成品界面内置到了主程序的server目录,您不需要对VUE源码项目做任何操作 您只需要运行主程序即可看到效果 该项目主要由易语言+CEF+VUE+E2EE来完成,懂这方面的人员可以自行修改源码,如果您不会也可以自己尝试修改,便于学习 界面UI部分是由前端VUE框架构建 如有会这方面的人,可以自行扩展
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值