欢迎您访问宜州一中 您可以登录 或注册
 
收藏本站 简繁转换
一方天地育桃李,三尺讲台竞风采             宜州区一中在宜州博物馆举行“人杰地灵读宜州”故事分享会             宜州一中举行2024届中考百日誓师大会             龙腾启新 筑梦未来 ——宜州区第一中学欢庆2024年元旦文艺晚会             走进嘉联丝厂 畅享研学之乐 ——宜州区第一中学开展研学实践活动             2023年河池市宜州区第一中学/宜州区红卫学校家庭经济困难大学新生入学资助项目发放名册(第二批)             展科技志向,圆飞行梦想 ——宜州区一中2025届举行无人机大赛             2023年河池市宜州区第一中学\红卫学校 家庭经济困难大学新生入学资助项目发放名册(第一批)             法制进校园 以法促成长 ——宜州一中举行“三姐护蕾”法治进校园活动             “英”你精彩,“语”你同行 —— 我校2025届举行英文风采大赛            

DoraCMS

您现在的位置是:首页>文档内容页

文档详情

[DoraCMS消息系统] socket.io 集成到express4通过路由访问io

doramart 2024-04-27 16:36:34 技术文档232238
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消息后将数据输出。实现了消息数量实时推送的效果:


io.png


DoraCMS消息推送模块将在后一个版本更新,敬请期待 DoraCMS源码 


文章评论

取消回复
登录 参与评论

评论列表(