WeChat小程式交流（QQ群：769977169）

效果圖

程式碼示例

xxx.wxml

<button bindtap='startClick'>連線</button>
<button bindtap='sendClick'>傳送</button>
<button bindtap='closeClick'>斷開</button>

xxx.wxjs

Page({

  /**
   * 頁面的初始資料
   */
  data: {
    isConnect:null,
  },

  startClick: function(even) {
    wx.connectSocket({
      url: 'ws://118.25.40.163:8088',
      method: 'GET',
      success: function(){
        isConnect: true
        console.log("連線成功...")
      },
      fail: function(){
        isConnect: false
        console.log("連線失敗...")
      }
    });

    wx.onSocketOpen(function (res) {
      console.log('WebSocket連線已開啟！')
    });

    wx.onSocketError(function (res) {
      console.log('WebSocket連線開啟失敗，請檢查！')
    })
  },

  sendClick: function (even) {
    wx.sendSocketMessage({
      data: "微信小程式 web socket"
    })
  },

  closeClick: function (even) {
    wx.closeSocket({
      success: function(){
        console.log("關閉成功...")
      },
      fail: function(){
        console.log("關閉失敗...")
      }
    });
    wx.onSocketClose(function(res) {
      console.log("WebSocket連線已關閉")
    })
  },

  /**
   * 生命週期函式--監聽頁面載入
   */
  onLoad: function (options) {
    wx.onSocketMessage(function(res){
      console.log(res.data)
    })
  }
}