Qt5中QWebEngineView的使用，让桌面客户端和web端友好通信

最新推荐文章于 2024-07-18 08:34:47 发布
置顶 最新推荐文章于 2024-07-18 08:34:47 发布
阅读量2.5w 收藏 95
点赞数 14
分类专栏： Qt 文章标签： Qt web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y396397735/article/details/84707031
版权

本文结构

1、 Qt5中web开发的基本配置，工程搭建
2、 加载HTML文件
3、 Qt界面窗口调用HTML中的JavaScript函数(Qt调用js)
4、 Qt界面窗口获取HTML中Js函数的返回值
5、 Web端消息主动通知到Qt界面(js通知Qt)
6、完整源码路径

基本配置，工程搭建

(1) Qt安装时要安装web开发组件，本案例采用Qt5.9.6 vs2015开发环境
(2) 新建Qt Gui工程要首先勾选以下三个组件
在这里插入图片描述

(3) qwebchannel.js文件，安装Qt后在安装文件夹下面可以搜索找到
(4) 本案例代码文件结构
在这里插入图片描述

其中Ui文件的简单布局如下：
在这里插入图片描述

其中，左侧为QWebEngineView控件，右侧一个调用js函数的按钮，一个获取js返回值的按钮，另一个为操作结果显示的label控件

加载html文件

找到html文件位置，QWebEngineView的load()函数可以加载html文件显

最低0.47元/天 解锁文章
lesliefish
关注
  • 14
    点赞
  • 踩
  • 95
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
专栏目录
一个简单的QT tcp客户端和服务器端的相互通信
08-06
在这个项目中，我们看到的是一个基于QT的简单TCP客户端和服务器端的实现，它们能够通过网络进行数据通信。 在TCP/IP通信中，服务器端首先启动并监听特定的端口，等待客户端的连接请求。QT中的`QTcpServer`类就是...
Qt：QWebEngineView
QtCompany的博客
04-01 1636
如果要定制一个菜单，或者向原菜单、工具栏中添加一些额外的action，可以通过pageAction()构造。一个Site会有一个icon，通过icon()访问，这个icon的URL通过iconUrl()访问。当title、icon改变时，相应的会发送titleChanged()、iconChanged()、iconUrlChanged()信号。此外，也可以用setUrl()方法可以用于加载Web Site，如果我们有一个HTML 内容，可以用setHtml()方法进行加载。
Qt webengine 显示web页面、前后端通信以及下载详解
FlayHigherGT的博客
03-06 7900
Qt webengine
QT之QWebEngineView详细介绍
最新发布
程序员-张师傅
07-18 2017
引入版本：QWebEngineView 是从 Qt 5.4 版本开始加入的，用于替代之前基于 WebKit 的 QWebView。功能定位：QWebEngineView 类提供了一个用于查看和编辑 Web 文档的小部件，它是 Qt WebEngine 模块的主要部件组件，可用于各种应用程序中以实时显示来自 Internet 的 Web 内容。
Qt嵌入浏览器—QWebEngineView实现浏览器基本功能（内含代码例子）
bigger_belief的博客
03-03 1万+
Qt嵌入浏览器—QWebEngineView实现浏览器基本功能
Qt5 中 QWebEngineView 的使用，让桌面客户端和 web 端友好通信
布袋和尚
03-16 2748
一、本文结构 Qt5 中 web 开发的基本配置，工程搭建。 加载 HTML 文件。 Qt 界面窗口调用 HTML 中的 JavaScript 函数（Qt 调用 js） Qt 界面窗口获取 HTML 中 Js 函数的返回值。 Web 端消息主动通知到 Qt 界面（js 通知 Qt）。 二、基本配置，工程搭建 （1）Qt 安装时要安装 web 开发组件，本案例采用 Qt5.9.6 vs2015 开发环境。 （2）新建 Qt Gui 工程要首先勾选以下三个组件 （3）qwebchannel.
【Qt5.15使用QWebEngine加载网页非常慢，直到提示timeout问题】
ZTH_G的博客
11-27 2235
6. 查找了下Windows官方文档，说是不太可能在网络环境以外信任私有 CA，所以会跑到ctdl.windowsupdate.com验证证书的有效性，最后通过启用关闭自动根证书更新策略，不去访问该网站，果然加载很快，大概2~4s时间。2. 两者抓包数据对比一下，发现Google去加载网页时，验证证书这一步与QWebEngine完全不一样，QWebEngine会去验证OCSP，Google则不会，时间都花在验证OCSP这一步了。修改QT源码，找到证书校验位置，跳过证书的校验，
Qt实现的SSL通信客户端和服务器
06-24
本篇将详细介绍如何使用Qt来实现SSL通信的客户端和服务器。 首先，SSL通信的主要目的是为了解决网络上的数据传输安全问题，它通过加密技术确保数据在传输过程中不被窃取或篡改。SSL协议包含握手协议、记录协议、...
QT中使用C++ socket通信 客户端与服务端的代码实例
05-13
本文将深入探讨如何在QT中使用C++编写客户端和服务端的socket通信代码，以及涉及到的关键操作。 首先，我们需要理解Socket的基本概念。Socket是网络通信中的一个抽象接口，它提供了一种在不同进程间进行网络通信的...
使用Qt实现TCP中客户端和服务器的交互通信
02-19
本篇文章将详细探讨如何使用Qt实现TCP中客户端和服务器的交互通信。 首先，我们要了解TCP的基本概念。TCP是一种面向连接的协议，它在数据传输前先建立连接，然后在连接上进行可靠的数据传输，确保数据的完整性和...
Qt使用QWebsocket实现服务端和客户端通信
03-05
5.保证无毒 1.简单,方便,实用 3.实例可以自行改用 1.如有非法,本人无法律责任！ 8.更多作品,查找标签“朱建强”7.下载,请杀毒！ 4.如需联系我请看左边数字！1.如不知代表何物，那就放弃计算机吧！ 0.还不懂？CSDN...
qt5.15+qtwebengine build
ooyyee的专栏
12-24 6388
解压 xz -d qt-everywhere-src-5.15.0.tar.xz tar -xvf qt-everywhere-src-5.15.0.tar -debug-and-release -opensource --------------------------- 安装依赖库 看https://doc.qt.io/qt-5/qtwebengine-platform-notes.html https://doc.qt.io/qt-5/linux-requirements.html confi.
Qt5 编译 Qt WebEngine
qq_40501206的博客
04-12 4873
准备工作 控制面板中调整 如下图所示 Qt环境：5.9.8 需要的配置：Src、msvc2015_64或者msvc2017_64 额外工具： Python 2.7.5 或更高版本，不支持 Python 3 Bison，Flex GPerf Perl (Strawberry vesion) from http://strawberryperl.com/ 在 Windows 平台上，需要 Visual Studio 2015 或 2017，和 Windows 10 SDK。 ps：flex目录中的.ex
QT5 通过 webview2 加载网页
zhexiao
10-30 2440
官方文档参考：https://learn.microsoft.com/zh-cn/microsoft-edge/webview2/get-started/win32。
【Qt 学习之路】QWebEngineView的使用示例
热门推荐
沙师弟专栏
10-13 5万+
有小伙伴想实现左键点击直接进入下一页的功能，本身QWebengineView已经自己做了，我们只需要重载它写的方法就行了，可以看QWebengineView的源码。再说Webkit的网络层、UI层用的是自己的，bug比较多，比如内存泄露、web兼容性等。Qt慢慢淘汰了古老的Webkit ，用WebEngine框架代替掉了。Webengine与webkit不同的是它是基于Chromium引擎的，也就是集成谷歌的引擎。以下代码是做了一个简单的返回按钮，还有点小问题，有时间再修正，只是个思路。
01-Qt WebEngine模块开发环境搭建
hurryddd
01-27 7154
QT WebEngine开发环境搭建
Qt QWebEngine 加载网页及交互，实现C++与JS 相互调用
北极星的技术笔记
11-14 9857
本篇主要介绍QT开发过程中如何利用QWebengine加载网页，通过C++与JS 相互调用，实现QT程序与HTML网页的交互。QtWebEngine 是Qt的一个子模块，它提供了一个 Web 浏览器引擎，可以轻松地将互联网上的内容嵌入到 Qt 应用程序中。Qt WebEngine Widgets Module 用于创建基于小部件的 Web 应用程序Qt WebEngine Module 用于创建基于 Qt Quick 的 Web 应用程序。
qtwebengine html5,Qt5 编译 Qt WebEngine
weixin_39923599的博客
06-22 1431
由于 Qt5 自带的 WebEngine 默认不支持 MP3、MP4 格式的多媒体文件，如果想要开启播放 MP3、MP4 的功能，则需要编译 Qt WebEngine 。这篇教程将演示如何在 Qt5.9 和 Qt5.11 上编译 Qt WebEngine。​编译需求在所有平台上，都需要以下工具：Qt 源码 和 Qt WebEngine 模块源码，至少需要安装 MSVC 2015 32-bit、MS...
在Qt中使用tcp实现客户端和服务器端通信，假使服务器端使用本机ip地址，端口号6666
06-03
好的，我可以回答你的问题。如果你想在Qt中使用TCP实现客户端和服务器端通信，可以使用Qt提供的QTcpSocket和QTcpServer类。 首先，你需要创建一个QTcpSocket对象来连接到服务器端。你可以使用以下代码： ```cpp QTcpSocket *socket = new QTcpSocket(this); socket->connectToHost("127.0.0.1", 6666); //连接到本机IP地址，端口号为6666 if(socket->waitForConnected(3000)){ //等待3秒钟连接成功 qDebug() << "Connected!"; } ``` 接下来，你需要在服务器端创建一个QTcpServer对象并监听来自客户端的连接。你可以使用以下代码： ```cpp QTcpServer *server = new QTcpServer(this); if(!server->listen(QHostAddress::Any, 6666)){ //监听本机IP地址，端口号为6666 qDebug() << "Server could not start!"; }else{ qDebug() << "Server started!"; } ``` 当有客户端连接到服务器端时，QTcpServer对象会发出一个newConnection()信号。你可以使用以下代码来处理这个信号： ```cpp connect(server, SIGNAL(newConnection()), this, SLOT(newConnection())); //连接newConnection()信号到槽函数newConnection() void MyClass::newConnection(){ QTcpSocket *socket = server->nextPendingConnection(); qDebug() << "New client connected!"; connect(socket, SIGNAL(readyRead()), this, SLOT(readData())); //连接readyRead()信号到槽函数readData() } void MyClass::readData(){ QTcpSocket *socket = qobject_cast<QTcpSocket*>(sender()); if(socket){ QByteArray data = socket->readAll(); qDebug() << "Received data:" << data; } } ``` 在客户端和服务器端建立连接之后，你就可以使用QTcpSocket对象的write()函数向服务器发送数据，如下所示： ```cpp socket->write("Hello server!"); ``` 在服务器端，当收到来自客户端的数据时，QTcpSocket对象会发出readyRead()信号。你可以使用readAll()函数读取数据，如下所示： ```cpp void MyClass::readData(){ QTcpSocket *socket = qobject_cast<QTcpSocket*>(sender()); if(socket){ QByteArray data = socket->readAll(); qDebug() << "Received data:" << data; } } ``` 希望这些代码可以帮助你在Qt中使用TCP实现客户端和服务器端通信。
评论 15
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值