uniapp globalData()的赋值问题,mqtt连接

Question

uniapp globalData()的赋值问题,mqtt连接

代码

App.vue

        globalData: {
            client: {
                "32323":{
                    name:'1212',ws:null
                }
            },

上面的ws是mqtt连接后的实例

b.vue页
//onload时候赋值给client
this.client = getApp().globalData.client[this.clientkey].ws

//mqtt连接后赋值给globalData
this.client = mqtt.connect(...)
getApp().globalData.client[this.clientkey].ws = this.client

问题描述

现在的问题是一开始进入b页面，连接mqtt都没问题，能收到消息也能发送
但是我这时候断开连接

this.client.end();
                    getApp().globalData.client[this.clientkey].ws.end();

返回首页，再次进入b页面，这时候却是连接的状态【打印下this.client.connected的状态是连接的】;很奇怪，也就是说getApp().globalData.client[this.clientkey].ws.end();这一步似乎没效果; 接着我再发送消息，这时候也能发送在f12-network中能看到发送后的响应，但是b页的message监听是无效的

Answer 1

本答案参考 多次询问 ChatGPT-3.5 后选择的最佳回答，若是满意，还请采纳，谢谢

您好，针对您在uni-app中使用globalData进行mqtt连接时遇到的问题，以下是解决方案：

1. 确保正确断开连接：
   在您断开mqtt连接时，需要确保this.client和getApp().globalData.client[this.clientkey].ws指向的是同一个实例。如果它们不是同一个实例，那么断开其中一个并不会影响另一个。您可以通过以下方式来确保它们是同一个实例，并正确断开连接：

   // 在b.vue页
   let globalClient = getApp().globalData.client[this.clientkey].ws;
   if (globalClient && globalClient === this.client) {
     globalClient.end(); // 断开连接
     getApp().globalData.client[this.clientkey].ws = null; // 将globalData中的ws置为null
   }
   

2. 检查连接状态：
   在重新进入页面时，检查this.client的连接状态，如果已经是连接状态，那么不需要再次连接。可以通过检查this.client.connected属性来判断：

   // 在b.vue页的onload生命周期函数中
   if (getApp().globalData.client[this.clientkey].ws && getApp().globalData.client[this.clientkey].ws.connected) {
     // 已经是连接状态，可以直接使用
     this.client = getApp().globalData.client[this.clientkey].ws;
   } else {
     // 未连接，需要重新连接
     this.client = mqtt.connect(...); // 您的连接代码
     getApp().globalData.client[this.clientkey].ws = this.client;
   }
   

3. 监听连接断开事件：
   确保您监听了mqtt的close事件，这样在连接断开时可以做一些清理工作：

   // 在b.vue页
   this.client.on('close', () => {
     console.log('MQTT connection closed');
     getApp().globalData.client[this.clientkey].ws = null; // 连接断开后，将globalData中的ws置为null
   });
   

4. 确保全局数据更新：
   在您更新globalData时，确保更新操作是同步的，并且其他页面能够即时获取到最新的数据。由于globalData的更新可能是异步的，您可能需要使用$nextTick或者在其他页面中监听globalData的变化。

以上步骤应该能够帮助您解决在uni-app中使用globalData进行mqtt连接时遇到的问题。如果问题仍然存在，建议检查mqtt服务器的状态以及网络连接的稳定性。希望这些解决方案对您有所帮助。