qj-socket v1.0.5

安装

npm i qj-socket

vue使用

[main.js]
import Vue from 'vue'
import App from './App'
import router from './router'
import qjScoket from 'qj-socket'

Vue.use(qjScoket, 
        'ws://127.0.0.1:8080',  //  SocketServer Url
        60 * 1000)              //  connect Timeout

[App.vue]
//  配置心跳
this.qjsocket.heartbeat.setTime(60 * 1000)  //  心跳间隔时间
                       .setMessage('ping')  //  心跳发送消息
                       .on()                //  开启心跳
this.qjsocket.heartbeat.off()               //  关闭心跳
//  配置重连
this.qjsocket.reconnect.setTime(60 * 1000)  //  重连间隔时间
                       .setCount(5)         //  尝试重连次数
                       .on()                //  开启重连
this.qjsocket.reconnect.off()               //  关闭重连

//  创建房间，
//  p1:房间名称，
//  p2:连接参数 
// 拼接连接时携带的参数 {id:123, test:5}
// 结果 ws://127.0.0.1:8080/id=123/test=5
let room = this.qjsocket.createRoom('hello', {})
//  绑定事件回调
room.onmessage = (data) => { console.log('msg', data) }
room.onerror = (err) => { console.log('err', err) }
room.onopen = () => { console.log('连接成功') }
room.onclose = () => { console.log('连接断开') }
//  建立连接
room.connect()
//  发送消息
room.send('hello')

//  获取所有房间名称
let roomNames = this.qjsocket.getRoomNames()
//  获取指定房间
let oRoom = this.qjsocket.getRoom('other')