【QT进阶】Qt Web混合编程之VS2019 CEF的编译与使用(图文并茂超详细介绍)

往期回顾

【QT入门】Qt自定义控件与样式设计之自定义QLineEdit实现搜索编辑框-CSDN博客

【QT入门】Qt自定义控件与样式设计之自定义QTabWidget实现tab在左,文本水平的效果-CSDN博客【QT进阶】Qt Web混合编程之CEF、QCefView简单介绍-CSDN博客

【QT进阶】Qt Web混合编程之VS2019 CEF的编译与使用(图文并茂超详细介绍)

一、CEF的下载

官方网址:上面有很详细的讲解,有时间可以多看看

https://bitbucket.org/chromiumembedded/cef/src/master/

下载网址:官网往下翻到Quick Links ->Downloads

https://cef-builds.spotifycdn.com/index.html

下载之后放在D盘合适位置,简单修改下名字,加两个文件夹

|------------------|-------------|
| build_vs2019_x64 | 产生vs解决方案的目录 |
| cef102_x64_sdk | 放提取的各种库 |

二、cmake的下载和通过cmake进行CEF配置

1、cmake的下载

下载官网:

https://cmake.org/download/#older

这里cmake的下载就不跟大家细说了,大家可以参考这位博主的文章

Windows下Cmake安装步骤详解(图文)_windows终端安装cmake-CSDN博客

2、打开cmake的gui进行配置

2.1、配置cef路径
2.2、配置产生vs解决方案目录的路径
2.3、点击configure,选择x64后finish

注意,这里一定把vs版本选择正确,否则一直报错

我最开始选成了vs2022的,一直报错,找不到错误在哪,因为他已经写入一部分文件,第二次就不会弹出这个配置窗口了,我还是看的截图找到的问题

如何让他再次弹出这个配置界面呢?先进入build文件夹,把写入的文件全部删除,再重启cmake,重新配置,此时他就会弹出该界面,我们再设置为vs2019即可

2.4然后修改CMAKE_INSTALL_PREFIX

修改为我们新建的另一个文件夹sdk的,主要是怕C盘他没有访问权限,很多东西放不进去

2.5配置好以后点击Generate

看见出现Generating done,就是成功了

3、项目文件配置

3.1、点击Open Project打开项目

进入到cmake配置成功的项目中去,当然哦我们也可以打开之前新建的build文件夹,双击打开sln文件,一样的

3.2、进入后先编译项目

进来以后,先编译看有无报错,然后将cefsimple设置为启动项目,打开里面的simple_app.cc文件,大概在代码105行左右位置,修改默认打开的网址。

因为默认是谷歌,但是没有合理上网方式,是用不了谷歌的,我们先改成百度的

3.3、运行项目

最后运行项目,如果成功弹出百度网页,并能实现上网功能,说明完全ok了


以上就是vs2019环境下,CEF编译与使用的简单介绍。

都看到这里了,点个赞再走呗朋友~

加油吧,预祝大家变得更强!

相关推荐
水木流年追梦5 分钟前
大模型入门-RL基础
开发语言·python·算法·leetcode·正则表达式
.千余5 分钟前
【Linux】Socket编程UDP
linux·运维·服务器·开发语言·网络协议·学习·udp
枕星而眠7 分钟前
C++ String类精讲:从基础用法到进阶底层原理
开发语言·c++·后端·学习方法
江屿风8 分钟前
【C++笔记】模板初阶流食般投喂
开发语言·c++·笔记
Shadow(⊙o⊙)9 分钟前
qt信号和槽链接的接入与断开
开发语言·前端·c++·qt·学习
AI玫瑰助手11 分钟前
Python运算符:逻辑运算符(and/or/not)的短路特性
开发语言·python·信息可视化
m0_4746067812 分钟前
JAVA - 使用Apache POI 自定义报表字段手写导出(支持-合并单元格)
java·开发语言·apache
肩上风骋12 分钟前
C++基本知识点积累之d指针,invokemethod函数(一)
开发语言·c++·d指针·invokemethod()
明志数科13 分钟前
具身智能数据标注工具对比评测:6大平台横向测评
开发语言·python
念何架构之路13 分钟前
Go pprof性能剖析
开发语言·后端·golang