zoukankan      html  css  js  c++  java
  • socket.io 集成到express4通过路由访问io

    转载自 http://cnodejs.org/topic/564ed68ce4766d487f6fe460

    最近在研究消息推送,试了好几种方法:

    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>
  • 相关阅读:
    决策树
    flask数据库的迁移
    flask的查询,一对多,多对多
    django的验证码
    第一讲:python环境配置(python2.7+python3.7)
    pytest
    【TS】-类型兼容性
    HTML--src和href的区别
    JS--为什么null是对象?
    JS--null和undefined的区别
  • 原文地址:https://www.cnblogs.com/xmily/p/7065938.html
Copyright © 2011-2022 走看看