AS-WebSocket

介绍

使用vuex封装了一下WebSocket

使用说明

初始化 WebSocket

    this.$store.dispatch("WEBSOCKET_INIT", "wss://www.huobi.ge/-/s/pro/ws");

发送消息注：发送消息前确保连接正常

     let Interval = setInterval(() => {
        // 定时查询 连接是否正常
        if (this.$store.state.websocket.is_open_socket) {
          // 发送消息
          this.$store.dispatch('WEBSOCKET_SEND', JSON.stringify('data'))
          // 连接正常移除定时器
          clearInterval(Interval)
        }
        console.log(this.$store.state.websocket.is_open_socket)
      }, 1000)

断线重连

    // 断线事件触发的回调
    EventBus.$on('stopSocket',()=>{
      let Interval =  setInterval(() => {
        // 定时查询 连接是否正常
        if(this.$store.state.websocket.is_open_socket){
          // 发送消息
          this.$store.dispatch("WEBSOCKET_SEND", JSON.stringify(data));
          // 连接正常移除定时器
          clearInterval(Interval)
        }
        // console.log(this.$store.state.websocket.is_open_socket)
      }, 10000)
    })

3.事件总集使用

// 引入事件总集
import { EventBus } from '@/utils/event-bus'


// 注册事件
EventBus.$on('goSend', () => {
  this.goSend()
})

// 触发事件
EventBus.$emit('goSend')

初始化 WebSocket 和断线重连最好在APP.vue里面执行

孤傲 / AS-WebSocket

AS-WebSocket

介绍

使用说明

简介

发行版

贡献者

近期动态

孤傲 / AS-WebSocket .gitee-modal { width: 500px !important; }

AS-WebSocket

介绍

使用说明

简介

发行版

贡献者

近期动态

搜索帮助

孤傲 / AS-WebSocket