socket.io的使用

简介

socket.io是对websocket的封装，用于客户端与服务端的相互通讯。官网:https://socket.io/

node服务端

先安装一下socket.io

npm install -save socket.io

const Koa = require('koa');
const app = new Koa();
const server = require('http').Server(app.callback());
const io = require('socket.io')(server);
const port = 3333;

server.listen(process.env.PORT || port, () => {
     console.log(`app run at : http://127.0.0.1:${port}`);
})

io.on('connection', socket => {
     console.log('连接成功');
     socket.on('send', data => {
          console.log('客户端发送：', data);
          socket.emit('getMsg', data);
     })
})

前端部分我这边是使用vue

先安装weapp.socket.io

npm i weapp.socket.io

然后到main.js配置

import io from "weapp.socket.io"

Vue.prototype.socket = io('http://172.31.0.104:3333')

到这里就完成了socket连接了

在需要的页面调用

// 通过on注册事件  emit触发事件
// 服务端on注册 客服端emit触发   客户端也是一样

this.socket.emit("send",data)

this.socket.on("getMsg",data=>{
  console.log(data)
})