微信小程序网络更换后Websocket失效

Posted 2021-11-24 HackShendi

Hello,I’m Shendi

当设备更换网络后，微信小程序的WebSocket将失效，此时进行发送等都会触发 fail 函数

解决方法

首先我想到的是，因为失败会触发 fail 函数，那么理应可以在 fail 中进行重新打开websocket并重新发送

然后代码写好，发现问题没有得到解决

猜到打开操作是异步执行，于是我在重新打开后，定时1秒，2秒左右在进行发送
（问题解决了，但是因为定时，导致其他功能出现了问题，而且有时会出现死循环的情况）

然后想到，通过监听网络的方式来重新打开 websocket
这样也可以进行提示，我的问题得到了完善的解决

通过以下API
https://developers.weixin.qq.com/miniprogram/dev/api/device/network/wx.onNetworkStatusChange.html

// app.js 的 onLaunch 加入以下代码
// 监听网络变化
wx.onNetworkStatusChange(function (res) {
  // 网络连接时重新打开websocket,否则提示无网
  console.log("监听到网络状态切换：" + res.isConnected);
  if (res.isConnected) {
  	// 重新打开websocket
    that.reopen();
    wx.showToast({ title: '网络已连接！' });
  } else {
    wx.showToast({ title: '设备无网络！', icon : "error" });
  }
});