这篇文章主要介绍了node.js基于express使用websocket的方法,结合实例形式分析了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", {});
});
希望本文所述对大家nodejs程序设计有所帮助。 |