socket.io使用记录

本文记录了如何在Koa2服务端和React客户端集成Socket.IO进行实时通信。服务端通过Koa2配置Socket.IO,客户端利用React和TypeScript设置socket.io-client。完成配置后,成功实现点击按钮触发连接,从服务端接收到连接ID,证明连接已建立。
摘要由CSDN通过智能技术生成

使用语言

服务端:koa2
客户端:react、ts

相关配置

服务端
  1. 安装socket.io包,命令:npm install socket.io
  2. 在与package.json文件同级目录下新建文件夹:socketIO,在socketIO文件夹下新建文件:socket.js,socket,js文件中写以下代码
    const IO = require("socket.io");
    
    function creatSocket(app) {
         
      const io = IO(app);
      io.on("connection", function (socket) {
         
        console.log("连接到ws,id", socket.id);
        socket.on('join',(room)=>{
         
          console
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值