客户端C++与前端js交互

客户端与前端交互

1. qwebchannel.js文件引入
2. 建立通信

//  c++发送消息给js
new 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);
复制代码

遇到的问题

1. 时间点问题：new QWebChannel 的时间点一定尽早。在引入qwebchannel.js文件之后，在当前html文件里面。时间点如果不对，很有可能收不到客户端发送来的数据，因为客户端会在页面加载完成后直接发送，而此时如果new QWebChannel在外链js文件中，有可能没来得及执行。
2. 参数传递问题：传递的参数都是string格式！
3. 客户端本地上传文件拿到绝对路径，前端不能直接展示，因为chrome的安全策略，不允许前端读取本地路径的资源文件。

待完成

查看通信原理qwebchannel.js源代码，了解js和c++能够建立通信的原因