微信小程序使用Socket

首先，一個小程序同時只能有一個WebSocket連接，如果當前已經存在一個WebSocket連接，會關閉當前連接，並重新建立一個連接。

其次，如果使用了appID，協議必須是 wss://... 

最近團隊用小程序做行情，在連接socket的時候，發現在還沒有進行subscribe的情況下，就直接進行了廣播，並且自動關閉了socket連接，

時間緊迫，抓耳撓腮，遂引用了socket-io(基於小程序的websocket仿寫的socket-io，並非官方的socket-io，傳送門(若文件加載失敗，掃描右上角二維碼發送到手機，用手機可以打開。百度雲有時候很渣))，使用方法：

1、先在utils文件夾粘貼一個io的js

2、然后 npm install wxapp-socket-io

3、config文件夾下新建一個socket.js,對socket連接進行封裝，如下：

const io = require('../utils/io.js')
let url = 'wss://......'
let wsStatus = false
let onSocket = null
export const connect = function(cb){
    if(!onSocket){
        onSocket = io(url)
        onSocket.on('connect', function (res) {
            cb(true,onSocket)
            wsStatus = true
        })
        setTimeout(function(){
            if(!wsStatus){
                cb(false,onSocket)
            }
        },10000)
    }else{
        cb(true,onSocket)
    }
}

4、在要引用的頁面調用，全局封裝訂閱方法

let openSocket = require('../../config/socket')

let app = getApp()

let socket = null

Page({

data: {
    zl: [[422, 400, 468, 834, 785, 446, 845, 517, 630, 797, 890, 529, 553, 425, 469, 470, 837, 841, 521, 525], [422, 400, 468, 834, 785, 446, 845, 517, 630, 797, 890, 529, 553, 425, 469, 470, 837, 841, 521, 525]]
},

onLoad: function () {
    let that = this;
    //socket調用
    openSocket.connect(function (status, ws) {
        if (status) {
            socket = ws

            this.subscribe('zl')//對封裝好對訂閱方法進行調用

            socket.on('broadcast', function (msg) {//廣播
                console.log("broadcast");
                console.log(msg);
            })
        } else {
            alert("socket 連接失敗")
        }
    });
},

subscribe: function (type) {
    if (socket) {
        let eis = this.data[type]
        if (eis && eis.length > 0) {
            let param = {//僅供參考，根據接口自行更改
                eis: eis.join(',')
            }
            socket.emit('subscribe', JSON.stringify(param));
        }
    }
}

});