Qt与Web混合开发：实现双向通信_qt与web交互

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）

如果你需要这些资料，可以戳这里获取

myobject.cpp

#include “myobject.h”

#include

MyObject::MyObject(QObject *parent)

QObject{parent}
{

}

void MyObject::myFunction(const QString &message)
{
qDebug() << message;
}

void MyObject::sendMessage(const QString &message)
{
emit sig_sendMessage(message);
qDebug() << message;
}

#### 注册QObject派生类


在C++端，我们创建一个QWebEngineView，并将MyObject对象添加到Web通道中：

#include
#include
#include

#include “myobject.h”

int main(int argc, char *argv[])
{
QApplication app(argc, argv);

QWebEngineView *webView = new QWebEngineView();
QWebChannel *channel = new QWebChannel();

MyObject *myObject = new MyObject();
channel->registerObject(QStringLiteral("myObject"), myObject);

webView->page()->setWebChannel(channel);
webView->load(QUrl("file:///C:/Users/yxc/Desktop/untitled/bmdemo.html")); // 路径根据实际情况
webView->show();

return app.exec();

}

### Web端


在Web端，我们需要在HTML页面中加载QWebChannel的JavaScript库，并使用JavaScript与Qt进行交互。通过使用Qt对象的名称（在本例中为"myObject"），我们可以访问Qt对象的函数和信号：

function myFunction() {
// 调用Qt函数
myObject.myFunction(“Hello from Web”);
}

function sendMessage() {
// 发送信号到Qt
myObject.sendMessage(“Message from Web”);
}

my function send message

### 运行和测试




![img](https://img-blog.csdnimg.cn/img_convert/e65f1d252580d56582bb37f015d7e387.png)
![img](https://img-blog.csdnimg.cn/img_convert/682dc1626fe0d316b87489b20b5c24eb.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新**

**需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）**

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**

电子书籍、讲解视频，并且后续会持续更新**

**需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）**

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**