socket.io 使用

最新推荐文章于 2024-09-29 01:54:58 发布

jinliangy

最新推荐文章于 2024-09-29 01:54:58 发布

阅读量381

点赞数

分类专栏：双向通信文章标签：前端 node.js socket

本文链接：https://blog.csdn.net/weixin_42913264/article/details/122985260

版权

双向通信专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了如何使用Socket.IO进行Node.js服务器与Web客户端之间的双向通信。首先，通过安装`socket.io`和`socket.io-client` npm包在两端建立连接。在Node端，设置跨域策略并监听连接事件；在Web端，连接到服务器并监听连接状态。此外，还提供了通信方式的参考链接，帮助开发者实现即时通讯功能。

摘要由CSDN通过智能技术生成

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 服务器断开')
 })