websocket的使用

1、初始化websocket
    initWebSocket() {
      const path = this.define.APIURl.replace('http', 'ws') + '/model'// 后台给的websocket的ip地址
      this.websock = new ReconnectingWebSocket(path)
      this.websock.onmessage = this.websocketOnMessage
      this.websock.onopen = this.websocketOnOpen
      this.websock.onerror = this.websocketOnError
      this.websock.onclose = this.websocketClose
    },

2、连接建立成功的信号
    websocketOnOpen() {
      console.log('初始化成功')// 连接成功后就可以在这里写一些回调函数
    },
3、连接建立失败重连
    websocketOnError() {
      this.websock.close()
      // 如果报错的话,在这里就可以重新初始化websocket,这就是断线重连
      setTimeout(() => {
        this.initWebSocket()
      }, 1000)
    },
4、数据接收
    websocketOnMessage(e) {
      // e这个变量就是后台传回的数据,在这个函数里面可以进行处理传回的值
      var self = this;
      let data = JSON.parse(e.data);

        //对后台传回的数据进行操作
    },
5、数据发送到后台
    websocketSend(Data) {
      this.websock.send(Data)// Data变量就是传给后台的数据
    },
6、关闭
    websocketClose() {
      console.log('断开连接')
    },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值