[DoraCMS消息系统] socket.io 集成到express4通过路由访问io
socket.io网上的文档很多,原理也很简单,因为DoraCMS是基于Nodejs+express4的,下面简要说一下 socket.io 是如何整合到express4实现消息传递的,这里介绍改动最小的方法
最近在研究消息推送,试了好几种方法:
1、eventsource js支持,但是貌似IE是不支持的,不想搞特殊化,果断排除
2、faye 基于node可以实现消息推送,方法很简单,我也在本地做了个小例子成功了,杯具的是不知道如何集成到express,总是收不到消息。
3、socket.io 最后选择了这个,实现了从服务端发消息到客户端的目的。
socket.io网上的文档很多,原理也很简单,因为DoraCMS是基于Nodejs+express4的,下面简要说一下 socket.io 是如何整合到express4实现消息传递的,这里介绍改动最小的方法:
1、安装socket.io
npm install socket.io --save
2、app.js最上面引入
var io = require('socket.io')();
3、app.js最下面加上事件监听
//事件监听 app.io = io; io.on('connection', function (socket) { socket.emit('news', { hello: 'world' }); socket.on('notifyNum', function (data) { console.log(data.msg_count); }); });
4、修改 /bin/www,最后面加上代码
var io = app.io; io.attach( server );
这里就有个问题了,我想在用户执行完某些操作后发送消息给前端,说白了就是,我想在route里操作io,怎么办?
5、app.js中修改路由引入,例如DoraCMS后台的路由:
var admin = require('./routes/admin')(io);
6、/route下找到admin.js,修改一下路由写法
var express = require('express'); var router = express.Router(); var returnAdminRouter = function(io) { //管理员登录页面 router.get('/getEvent', function(req, res, next) { io.sockets.emit('notifyNum', {msg_count: '100'}); res.end('success'}); }); ..... return router; }; module.exports = returnAdminRouter;
8、客户端代码
<script src="/socket.io/socket.io.js"></script> <script> $(function(){ // 初始化事件监听 var socket = io.connect('http://127.0.0.1:81/'); socket.on('notifyNum', function (data) { console.log(data.msg_count); }); }) </script>
这样,前端请求 http://127.0.0.1:81/admin/getEvent 进入路由,执行相关操作后发送消息,客户端收到 noifyNum消息后将数据输出。实现了消息数量实时推送的效果:
DoraCMS消息推送模块将在后一个版本更新,敬请期待 DoraCMS源码
很赞哦! ( 0
)
相关文章
- 第五天——范式路由之泛式路由实现
- 第五天——范式路由之使用例子
- Node.js API实例讲解——node.js网络模块
- Node.js API实例讲解——数据的加密与解密
- HTML5 input Placeholder(占位符)样式
- Node.js API实例讲解——http.IncomingMessage
- FIS3 , 为你定制的前端工程构建工具
- Node.js API实例讲解——Buffer的写入方法
- Node.js API实例讲解——Socket 对象
- Node.js API实例讲解——创建http服务器
- Node.js API实例讲解——Buffer的静态方法
- Node.js API实例讲解——https服务器与客户端