这个效果我也是翻了好长时间的资料,测试才成功的,反正成功,大家看看吧
首先你需要安装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", {});});