客户端与前端交互
- qwebchannel.js文件引入
- 建立通信
// c++发送消息给jsnew QWebChannel(qt.webChannelTransport, function(channel){ var content = channel.objects.jsContext; // 建立通信后，客户端通过调用 sMsg 方法来执行后面的回调函数，从而实现c++与js交互 content.sMsg.connect(function (str) { // str为客户端发送来的数据，交互数据一定是字符串格式 if(!str) return; var question = typeof str === 'string' ? JSON.parse(str) : JSON.parse(JSON.stringify(str)); rMsg(question); }); content.cBg.connect(function(data){//C++ 通过jsBridge更改背景色 cBg(data); }); window.cjs = cjs })复制代码 //js调用c++的方法发送消息 window.cjs是初始化new QWebChannel之后绑定在window对象上的cjs。名字前后保持一致var loadComplate2C = { "type" : "loadComplate", "data" : "loadComplate"};loadComplate2C = JSON.stringify(loadComplate2C);window.cjs && window.cjs.jsToQt(loadComplate2C);复制代码 遇到的问题
- 时间点问题：new QWebChannel 的时间点一定尽早。在引入qwebchannel.js文件之后，在当前html文件里面。时间点如果不对，很有可能收不到客户端发送来的数据，因为客户端会在页面加载完成后直接发送，而此时如果new QWebChannel在外链js文件中，有可能没来得及执行。
- 参数传递问题：传递的参数都是string格式！
- 客户端本地上传文件拿到绝对路径，前端不能直接展示，因为chrome的安全策略，不允许前端读取本地路径的资源文件。
待完成
查看通信原理qwebchannel.js源代码，了解js和c++能够建立通信的原因