uniapp + paho-mqtt 的爬坑之旅

项目场景：

物联网项目中难免使用mqtt来进行数据传输
其中mqtt方案包括mqtt.js与paho-mqtt
mqtt.js在uniapp中有引入demo这个就暂且不提了
在特殊的应用场景中 比如buffer传输就需要使用paho-mqtt至此开启坑

---

问题描述

官网下载的文档直接运行发现包中 localStorage 无法被识别所以报错

        var localStorage = global.localStorage || (function () {
            var data = {};
            return {
                setItem: function (key, item) { data[key] = item; },
                getItem: function (key) { return data[key]; },
                removeItem: function (key) { delete data[key]; },
            };
        })();

uni官方回复 下载对应小程序的phao-mqtt包
千辛万苦找到了(真不好找)
https://github.com/AwakenCN/InChat/blob/paho-mqtt/wechat-client/utils/paho-mqtt.js

下载使用后出现了新的问题
Error: AMQJS0011E Invalid state not connected.

疯狂百度后得知
Paho Javascript客户端是异步的，connect函数将在连接完成之前返回
在请求前就访问了onSuccess的方法
onSuccess改成一个回调函数

			this.client.connect({
				onSuccess: function() {
					//成功内容
				},
			})

至此暂时是连上了
PS:wss服务需要nginx转发 传送门:https://blog.csdn.net/renruir/article/details/104988863