小程序关于多个page使用同一个websocket

最新推荐文章于 2024-07-08 10:04:44 发布

chitaozhuang1206

最新推荐文章于 2024-07-08 10:04:44 发布

阅读量981

点赞数

文章标签：网络 json

原文链接：https://my.oschina.net/ziangting/blog/1846813

版权

在开发外卖小程序时，为确保同桌用户实时同步点餐信息，使用WebSocket技术。通过封装socket.io.js，根据座位信息动态设置WebSocket连接地址和token。在不同页面（如page1和page2）引入该文件并初始化，实现切换页面时仍能通过同一WebSocket接收服务端消息。

摘要由CSDN通过智能技术生成

最近早做一个外卖的小程序，碰到一个需求，多人下单，为了保证堂食同桌的每个人实时获取到每个人点菜信息，所以使用websocket，小程序也提供了socket的API。

自己封装的socket.io.js文件：

const callback=()=>{};

const initSocket=(option={})=>{
  const { websocket_url, websocket_token } = option;
  const socketTask= wx.connectSocket({
    url: websocket_url,
    success: function (res) {
      console.log(res);
    },
    fail: function (fail) {
      console.log(fail);
    }
  });
  // 发送token
  wx.onSocketOpen(function () {
    wx.sendSocketMessage({
      data: websocket_token,
    })
  })
  wx.onSocketError(function (res) {
    console.log('WebSocket连接打开失败，请检查！')
  })
  // 接收推送
  return socketTask;
}

function resiverMessage(context) {
  wx.onSocketMessage(function (dat