Uniapp--- initial use of websocket (long link implementation)

onLoad() {
  this.connectSocketInit()
},
  
  
  // //  When you enter this page, create websocket Connect 【 The whole page is ready to use 】
  connectSocketInit() {
     // Judge whether there is websocket Connect , If any, don't go create sock Method 
    let socketTaskIsOpen = uni.getStorageSync("socketTaskIsOpen")
    if (socketTaskIsOpen != "") return

    // //  Create a this.socketTask object 【 send out 、 receive 、 close socket Are manipulated by this object 】
    this.socketTask = uni.connectSocket({
      // 【 It's very important 】 Make sure your server is successful , If it's a mobile phone test, don't use it ws://127.0.0.1:9099【 A particularly easy mistake to make 】
      url: config.monitorSocketBaseUrl,
      success(data) {
        console.log(" Whether online websocket Successful connection ");
        uni.setStorageSync('socketTaskIsOpen', true)
      },
    })

    // This method is assigned a value here to split these methods , Prevent too much code in an initialization method .
    this.socketTaskIsOpen = true;
    this.socketTask.onOpen = this.connectSocketOnOpen();
    this.socketTask.onClose = this.connectSocketonClose()
    this.socketTask.onMessage = this.connectSocketonMessage();
    this.socketTask.onError = this.connectSocketonError()
  },
    
    
    
    //  Send message when opening 
    connectSocketOnOpen(e) {

      //  The sending and receiving of messages must be in normal connection , To send or receive 【 Otherwise it will fail 】
   
      //  notes ： Only the connection is normally open  , To send messages normally and successfully 
      var jsonObject = uni.getStorageSync("MonitorInfo")
      //  If you want to json Format through websocket Send the past through 
      // json.stringfy()  To transform 
      var jsonString = JSON.stringify(jsonObject)
      //  there timer  The component implements a long link , Send packets at intervals .
      this.timer = setInterval(() => {
        try {
          this.getMonitorInfo()
          jsonObject = uni.getStorageSync("MonitorInfo")
          jsonString = JSON.stringify(jsonObject)
          this.socketTask.send({
            data: jsonString,
            async success() {
              console.log(" Whether the online message was sent successfully ");
            },
          });
        } catch (err) {
          console.log(' Whether online websocket Disconnect the ：' + err);
        }
      }, 15000)
    },
      
      
      
      connectSocketonClose(e) {
        //  This is just event monitoring 【 If socket If it is closed, it will execute 】
        this.socketTask.onClose(() => {
          uni.setStorageSync('socketTaskIsOpen', false)
          console.log(" Whether online websocket It's closed ")
        })
      },
        
        
        // Listen for server events 
        connectSocketonMessage(e) {},
          
          
          // Connection establishment failed to reconnect 
          connectSocketonError(e) {
            // this.connectSocketInit();
          }

matters needing attention ：

1. If you want to json Format through websocket Send the past through  json.stringfy() To convert before sending

2. Long links are achieved by websocketOnOpen Method to send by interval time .

3.connectSocketInit（） Method to determine whether there is sock link , If any, it is not being created socket

4.connectSocketInit（） Method for onOpen,onClose,onMessage Checked and scored , Prevent various methods from coupling .