egg-socket.io官网文档的坑,连接的上socket但是后端无法通知到前端

本文讲述了在使用Egg.js框架进行项目开发时,关于Socket.io连接问题的解决过程,重点在于理解TS配置与CommonJS模块的区别,以及正确暴露io对象的方法。通过实例代码和教程分享,帮助开发者解决实际问题。

不多说直接上代码

// {app_root}/app/io/controller/default.js
'use strict';

const Controller = require('egg').Controller;

class DefaultController extends Controller {
  async ping() {
    const { ctx, app } = this;
    const message = ctx.args[0];
    await ctx.socket.emit('res', `Hi! I've got your message: ${message}`);
  }
}

module.exports = DefaultController;

// or async functions

exports.ping = async function() {
  const message = this.args[0];
  await this.socket.emit('res', `Hi! I've got your message: ${message}`);
};

这个路径:项目名/app/io/controller/default.js下的代码很熟悉把!
就是官网文档的源码,他的坑就是可以连接上socket但是无法下发通知,是这段代码不起作用了await ctx.socket.emit('res',Hi! I’ve got your message: ${message});

把这段代码替换为await app.io.of('/').emit('res',Hi! I’ve got your message: ${message});

附上帮我解决的demo的gitee和视频教学:

https://gitee.com/Zeeephr/egg-simple-chatroom


https://www.bilibili.com/video/BV1SE411X74J

最后发现其实不是那个问题,是因为我的ts版本的config配置处暴露的是config这个对象,所以不能写成commonJS的方式写exports.io={…}这样子写!!!

### egg-socket.io的功能与作用 egg-socket.io作为对Socket.IO的封装工具,旨在简化在Egg.js框架中的集成过程并增强其功能。此插件仅实现了基础的消息传递能力,还引入了一系列高级特性来提升应用开发效率和灵活性。 #### 主要功能特点 - **命名空间(Namespace)的支持**:允许开发者在同一服务器实例下创建多个独立的通信通道,从而更好地组织同类型的实时交互逻辑[^4]。 - **中间件(Middleware)机制**:可以针对每次建立或断开连接的操作以及每条消息的收发执行自定义处理逻辑,这有助于实施安全策略或其他业务规则。 - **控制器(Controller)设计模式**:使得响应来自客户端的各种事件变得更加直观易懂;通过映射特定的动作到相应的处理器函数上来管理复杂的互动流程。 - **统一路由配置**:将传统的HTTP请求路径匹配概念扩展到了WebSocket协议之上,让整个项目的结构保持一致性和清晰度。 ```javascript // app/controller/chat.js 示例代码片段展示如何设置event监听器 const Controller = require('egg').Controller; class ChatController extends Controller { async join() { const { ctx } = this; await ctx.socket.join(ctx.args.room); } async leave() { const { ctx } = this; await ctx.socket.leave(ctx.args.room); } } module.exports = ChatController; ``` #### 实际应用场景 由于上述特性的存在,egg-socket.io非常适合用于构建需要频繁双向交流的应用程序,比如: - 即时聊天室平台:能够快速搭建起支持多房间、私聊等功能的服务端架构; - 游戏大厅系统:实现实时更新游戏状态、玩家列表等信息; - 股票交易平台:向用户提供最新的市场动态及交易提醒服务; - 社交媒体网站:推送新评论、点赞通知给关注者。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值