• 当前标签:WebSocket

程序开发 Vue使用websocket即时通信

在Vue中可以使用socket.io插件,不过这里使用的是js原生的WebSocket 首先再 data 中定义一个ws: data() {    return {      ws: "",    };  }, 然后在method中设置相关函数 methods: { // ws S     onopen() {       console.log("连接成功");       let login_data = {}       console.log("websocket握手成功,发送登录数据:", login_data);       this.ws.send(login_data);     },     onmessage(e) {       console.log(JSON.parse(e.data));       switch (data["type"]) {         case "ping":           this.ws.send('{"type":"pong"}');           break;         // 登录 更新用户列表         case "login":           break;         // 发言         case "say":           break;       }     },     onclose() {       console.log("连接关闭");     },     onerror() {       console.log("出现错误");     }, } 然后在created 初始化: created() {   this.ws = new WebSocket("ws://2020.9jm9.com:7272");   this.ws.onopen = this.onopen;   this.ws.onmessage = this.onmessage;   this.ws.onclose = this.onclose;   this.ws.onerror = this.onerror; },  

2018-06-26 14:11:07 138 0 0
阅读详情

程序开发 小程序实时通信

小程序的聊天功能需要实时通信; wx.connectSocket({     url: 'wss://60.205.228.30:2346', }) wx.onSocketOpen(function (res) {     console.log('WebSocket连接已打开!') }) wx.sendSocketMessage({     data: 'msg' }) wx.onSocketMessage(function (res) {     console.log('收到服务器内容:' + res.data) })

2018-02-26 11:59:00 46 0 0
阅读详情
  • 1
前往