详解node.js基于express使用websocket
程序员文章站
2022-04-30 14:37:42
...
本文主要介绍了node.js基于express使用websocket的方法,结合实例形式分析了node.js基于express调用websocket相关设置与使用操作技巧,需要的朋友可以参考下,希望能帮助到大家。
这个效果我也是翻了好长时间的资料,测试才成功的,反正成功,大家看看吧
首先你需要安装socket.io模块
npm install socket.io --save
然后打开express的app.js将模块引入,在12行左右的
var app = express();
下面添加两行
var server = require('http').Server(app); var io = require('socket.io')(server);
然后在20多行里面添加
app.use(function(req, res, next){ res.io = io; next(); });
由于本人不喜欢从www里面启动,所以在app.js里面又添加了几行代码,添加到底部的倒数第二行以上
var port = 3000; app.set('port', port); server.listen(port);
这就开始监听3000端口了
这样,准备工作已经完成了,然后开始进行示例
用官方的示例代码测试,可以直接写到app.js里面
io.on('connection', function (socket) { socket.emit('news', { hello: 'world1' }); socket.on('my other event', function (data) { console.log(data); }); });
服务端的准备工作已经完成,在客户端页面首先将socket.js文件引入
<script src='javascripts/socket.io-1.4.5.js'></script> var socket = io.connect("//localhost:3000"); socket.on('news', function (data) { console.log(data); alert(data); socket.emit('my other event', { my: 'data' }); });
然后打开页面测试一下
如果想只在一个页面里服务端发送信息,可以这么写
router.get('/', function(req, res, next) { //只有当前页面可以获得 res.io.on('connection', function(socket) { socket.emit('news', { hello: 'world' }); socket.on('my other event', function(data) { console.log(data); }); }); //所有页面都可以获得 var io = require("../app").io; io.emit("news",{hello:"myworld"}); res.render("pclogin.ejs", {}); });
相关推荐:
以上就是详解node.js基于express使用websocket的详细内容,更多请关注其它相关文章!