标签：网页 Qt 示例 QWebChannel C++ QObject HTML

0.简述

QWebSocket配合QWebChannel，可以将QObject暴露给HTML客户端。如Qt文档所述，通过将QObject派生对象发布到QWebChannel并在HTML端使用qwebchannel.js，可以透明的访问QObject的属性和public槽/方法。不需要手动消息传递和数据序列化，C++端的属性更新和信号发射会自动传输到可能远程运行的HTML客户端。在客户端，将为任何已发布的C++QObject创建JavaScript对象。它反映了C++对象的API，因此直观易用。

 

在QtCreator中搜索webchannel的示例，找到standalone，先构建运行下（我这可能环境没配置好，qwebchannel.js需要手动复制到html的同级目录下）。运行起来后，可以看到示例实现了桌面对话框与网页对话框的交互功能。

1.应用

通过修改示例，可以很简单的将该功能应用的自己的项目中。

1.拷贝示例中shared目录的两个C++类文件：

主要是借助Qt的QWebChannelAbstractTransport和QWebSocketServer两个类来实现这个功能。每当网页端WebSocket来连接这个Server时，就构造一个Transport，并传递给Chnnel的connectTo槽

2.定义一个QObject的派生类用于收发数据

示例中定义了一个简单的Dialog，定义了一个sendText的信号用于C++发送信号给HTML，定义了一个receiveText的槽函数用于HTML端调用传递数据给C++。

通过调用Channel的registerObject函数注册后，网页端可以关联这个对象。

//C++文件

//HTML的js

3.网页端构造Channel对象

示例中构造了一个WebSocket来连接C++的WebSocketServer，然后利用QWebChannel访问Dialog，关联信号以及调用槽函数。

这样，Qt C++就能与网页进行交互了。 

2.参考

文档：file:///D:/Qt/Qt5.7.1_vs2015/Docs/Qt-5.7/qtwebchannel/qwebchannel.html

博客：https://www.cnblogs.com/wkcagd/p/7732330.html

3.代码

github：https://github.com/gongjianbo/QtWebCannelAndMap.git

本来是在学习Qt用webgine操作高德地图，正好需要交互。

标签：网页,Qt,示例,QWebChannel,C++,QObject,HTML
来源： https://blog.csdn.net/gongjianbo1992/article/details/89707251

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。