微信小程序——WebSocket

WebSocket：

向服务器发送数据，服务器响应数据。通过监听WebSocket可以知道服务器给我们发回了什么数据

API：
1.wx.connectSocket：创建一个 WebSocket 连接

2.wx.onSocketOpen：成功连接了服务器，通过此接受回调
header：连接成功的 HTTP 响应 Header

3.wx.onSocketError：出现错误

4.wx.sendSocketMessage：往服务器发送数据。需要先 wx.connectSocket，并在 wx.onSocketOpen 回调之后才能发送

5.wx.onSocketMessage：监听服务器发回的消息

6.wx.CloseSocket：手动关闭连接

7.wx.onSocketClose：服务器主动关闭，可能网络不好

<!--index.wxml-->
<view class="container">
  <button type="default" bindtap="openBtnClick">开启连接</button>
  <button type="default" bindtap="sendBtnClick">发送消息</button>
  <button type="default" bindtap="clockBtnClick">关闭连接</button>

  <!--服务器返回的消息-->
  <view wx:for="{{messages}}">
    {{item}}
  </view>

</view>

//index.js
Page({
  data: {
    messages:['1']
  },
  openBtnClick:function(){
    
    wx.connectSocket({
      url: '',//开启连接,服务器地址
    })
  },
sendBtnClick:function(){
  wx.sendSocketMessage({
    data: ["你好，这是我发送的数据"],
  })
},
  clockBtnClick:function(){
    wx.closeSocket({
      
    })
  },

  onLoad: function (options) {
    var that=this;//ajax请求不能用this调用

    //添加一个监听事件,服务器发送的消息
    wx.onSocketMessage(function(res){
      console.log(res)

      var message=that.data.messages;
      
//message是一个数组，res里有一个data的属性加到message里面
      message.push(res.data)

      that.setData({ messages:message})//数据显示出来
    })
  },...})