微信小程序websocket的使用

首先在wxml中进行布局并添加点击事件:

<button bindtap='found'>创建连接</button>
<button bindtap='send'>发送内容</button>
<button bindtap='shut'>关闭连接</button>

然后在js页面

//创建连接
found: function () {
    
    
  //本地测试使用 ws协议 ,正式上线使用 wss 协议
  var url = 'ws://这是后端给你的路径以及拼接的内容';
  code = wx.connectSocket({
    
    
    url: url,
    method: "GET"
  });
  code.onOpen(res => {
    
    
    console.info('连接打开成功');
  });
  code.onError(res => {
    
    
    console.info('连接识别');
    console.error(res);
  });
  code.onMessage(res => {
    
    
    var data = res.data;
    console.info(data);
  });
  code.onClose(() => {
    
    
    console.info('连接关闭');
  });
},
//发送内容
send: function () {
    
    
  if (code.readyState == code.OPEN) {
    
    
    code.send({
    
    
      data: '小程序端测试',
      success: () => {
    
    
        console.info('客户端发送成功');
      }
    });
  } else {
    
    
    console.error('连接已经关闭');
  }
},
//关闭连接
shut: function () {
    
    
  code.close();
},