socket在egg中的使用实例代码详解


Posted in Javascript onMay 30, 2019

config/config.default.js

exports.io = {
 init: {},
 namespace: {
  '/': {  //对应router.js里的 of('/')
  connectionMiddleware: [ 'auth' ], //对应io/middleware/auth
  packetMiddleware: [ 'filter' ],
  },
 },
 };

 config/plugin.js

exports.io = {
 enable: true,
 package: 'egg-socket.io',
};

 router.js

io.of('/').route('chat', io.controller.chat.index);
 io.of('/').route('message', io.controller.chat.message);
 io.of('/').route('user:online', io.controller.chat.online);

 app/io

app/io/middleware/auth.js

/**
 * Created by bear on 2018/2/12.
 */
const PREFIX = 'room'; //定义房间号

module.exports = app => {
 return async (ctx, next) => {
 const { app, socket, logger, helper } = ctx;
 const id = socket.id;
 const nsp = app.io.of('/');
 const query = socket.handshake.query;

 // 用户信息
 const { room, userId } = query; //获取socket链接传过来的参数
 const rooms = [ room ];

 console.log(room, userId);

 const tick = (id, msg) => {
  logger.debug('#tick', id, msg);
  // 踢出用户前发送消息
  socket.emit(id, helper.parseMsg('deny', msg));
  // 调用 adapter 方法踢出用户,客户端触发 disconnect 事件
  nsp.adapter.remoteDisconnect(id, true, err => {
  logger.error(err);
  });
 };
 // 检查房间是否存在,不存在则踢出用户
 // 备注:此处 app.redis 与插件无关,可用其他存储代替
 
 const hasRoom = await app.redis.get(`${PREFIX}:${room}`);
 console.log(hasRoom,`${PREFIX}:${room}`)

 // if (!hasRoom) {
 // tick(id, {
 //  type: 'deleted',
 //  message: 'deleted, room has been deleted.',
 // });
 // return;
 // }

 // 用户加入
 logger.debug('#join', room);
 socket.join(room);

 // 在线列表
 nsp.adapter.clients(rooms, (err, clients) => {
  // 更新在线用户列表
  nsp.to(room).emit('online', {
  clients,
  action: 'join',
  target: 'participator',
  message: `User(${id}) joined.`,
  });
  console.log(123,clients)
 });
 // socket.emit('connect', 'packet received!');
 
 await next();
 console.log('disconnect!');

 };
};

 app/io/middleware/filter.js

module.exports = (app) => {
 return async (ctx, next) => {
  // console.log(ctx.packet);
  await next();
  // console.log('packet response!');
 };
};

app/io/controller/chat.js

/**
 * Created by bear on 2018/2/12.
 */
module.exports = app => {
 class chatController extends app.Controller {
 async index() {
  this.ctx.socket.emit('res', 'test');
 }
 async message() { //方法通过 客户端 this.emit('message',{})//触发
  this.ctx.socket.emit('message', 'test');
  const params = this.ctx.args[0];
  // this.ctx.service.message.sendPeerMessage(params);
  console.log(2,params);
 }


 async online() {// modelMessage.sendOfflineMessage(socket, data.userId);
 }
 }
 return chatController;
};

总结

以上所述是小编给大家介绍的socket在egg中的使用实例代码详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery 防止表单重复提交代码
Jan 21 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
May 19 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
Dec 31 Javascript
详解Node.js模块间共享数据库连接的方法
May 24 Javascript
Bootstrap中的Panel和Table全面解析
Jun 13 Javascript
Javascript中常用的检测方法小结
Oct 08 Javascript
用jQuery实现可输入多选下拉组合框实例代码
Jan 18 Javascript
jQuery EasyUI开发技巧总结
Sep 26 jQuery
对Vue- 动态元素属性及v-bind和v-model的区别详解
Aug 27 Javascript
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
iview tabs 顶部导航栏和模块切换栏的示例代码
Mar 04 Javascript
layui监听工具栏的实例(操作列表按钮)
Sep 10 Javascript
深入了解JavaScript 私有化
May 30 #Javascript
jQuery模拟html下拉多选框的原生实现方法示例
May 30 #jQuery
Vue CL3 配置路径别名详解
May 30 #Javascript
Vue CLI3中使用compass normalize的方法
May 30 #Javascript
通过实践编写优雅的JavaScript代码
May 30 #Javascript
AngularJs中$cookies简单用法分析
May 30 #Javascript
JS使用new操作符创建对象的方法分析
May 30 #Javascript
You might like
自动分页的不完整解决方案
2007/01/12 PHP
ThinkPHP的截取字符串函数无法显示省略号的解决方法
2014/06/25 PHP
php中数字、字符与对象判断函数用法实例
2014/11/26 PHP
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
2011/08/28 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
如何使用jquery动态加载js,css文件实现代码
2013/04/03 Javascript
JavaScript中的noscript元素属性位置及作用介绍
2013/04/11 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
2014/10/09 Javascript
jQuery中$.each使用详解
2015/01/29 Javascript
jquery实现textarea 高度自适应
2015/03/11 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
2015/03/25 Javascript
javascript 常见功能汇总
2015/06/11 Javascript
实例代码详解jquery.slides.js
2015/11/16 Javascript
requireJS使用指南
2016/04/27 Javascript
jQuery图片瀑布流的简单实现代码
2017/03/15 Javascript
vue中用H5实现文件上传的方法实例代码
2017/05/27 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
2017/08/07 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
2017/09/07 Javascript
JavaScript正则表达式和级联效果
2017/09/14 Javascript
深入理解Promise.all
2018/08/08 Javascript
微信小程序实现留言板
2018/10/31 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
JS实现点击生成UUID的方法完整实例【基于jQuery】
2019/06/12 jQuery
vue项目中使用bpmn-自定义platter的示例代码
2020/05/11 Javascript
详解Typescript里的This的使用方法
2021/01/08 Javascript
django富文本编辑器的实现示例
2019/04/10 Python
Django之提交表单与前后端交互的方法
2019/07/19 Python
python协程gevent案例 爬取斗鱼图片过程解析
2019/08/27 Python
基于python判断字符串括号是否闭合{}[]()
2020/09/21 Python
美国办公用品购物网站:Quill.com
2016/09/01 全球购物
活动策划邀请函
2014/02/06 职场文书
学校三八妇女节活动情况总结
2014/03/09 职场文书
大学生党员自我评价范文
2014/04/09 职场文书
保安公司服务承诺书
2014/05/28 职场文书
2014镇党委书记党建工作汇报材料
2014/11/02 职场文书
创业计划书之服装
2019/10/07 职场文书