socket.io 使用

socket.io 使用

场景：前后端双向通信
链接：Socket.IO 官网.

Node 端

安装 npm 包 socket.io

const { Server } = require('socket.io')
const io = new Server(server, {
  cors: { origin: '前端地址' } // 解决 Socket 跨域问题
})

// 链接成功
io.on('connection', (socket) => {
  console.log(socket.id) // socketID
  global.socket = socket // 挂载到全局
})

// 链接中断
socket.on("disconnect", () => {
  console.log('Socket 断开链接');
});

Web 端

安装 npm 包 socket.io-client

import { io } from 'socket.io-client'
const socket = io(后端地址)

// 链接成功
socket.on('connect', () => {
   console.log(socket.id)
 })

// 链接中断
 socket.on('disconnect', () => {
   console.log('socket 服务器断开')
 })

通信方式

参考地址

Socket.IO：https://socket.io.