uniapp 即时通讯_uni-app app mqtt 实现消息通讯

背景

使用uni-app 打包 app；

适用很多版本 mqtt 支持H5端，但是app端并不支持；

资料

mqttws31.js

mqttws31.js 其实是 paho-mqtt 的早期版本；

.vue 无法直接引入 mqttws31.js，所以对 mqttws31.js进行了一些修改；

mqttws31.js 除了网上常见的版本外，git上还有一个自动重连的分支版本，这里使用的就是这个分支版本；

plus-websocket

plus-websocket 是 uni-app的websocket通讯部分的一个插件；

撸代码

chat.js

// 引入修改过的 mqttws31-auto.js 文件

let $mqtt = require('@/utils/js/mqttws31-auto.js');

// paho-mqtt connenctOptions 连接配置项

let options = {

timeout: 1000 * 1000,

userName: 'Re',

password: 'pass',

useSSL: true, //如果使用 HTTPS 加密则配置为 true

keepAliveInterval: 10, //心跳

mqttVersion: 4, //默认为4

onSuccess: function onConnect() { //success callback function

console.log('连接成功');