这个效果我也是翻了好长时间的资料,测试才成功的,反正成功,大家看看吧
首先你需要安装socket.io模块
[javascript] view plain copy
- npm install socket.io --save
然后打开express的app.js将模块引入,在12行左右的
[javascript] view plain copy
- var app = express();
下面添加两行
[javascript] view plain copy
- var server = require('http').Server(app);
- var io = require('socket.io')(server);
然后在20多行里面添加
[javascript] view plain copy
- app.use(function(req, res, next){
- res.io = io;
- next();
- });
由于本人不喜欢从www里面启动,所以在app.js里面又添加了几行代码,添加到底部的倒数第二行以上
[javascript] view plain copy
- var port = 3000;
- app.set('port', port);
- server.listen(port);
这就开始监听3000端口了
这样,准备工作已经完成了,然后开始进行示例
用官方的示例代码测试,可以直接写到app.js里面
[javascript] view plain copy
- io.on('connection', function (socket) {
- socket.emit('news', { hello: 'world1' });
- socket.on('my other event', function (data) {
- console.log(data);
- });
- });
服务端的准备工作已经完成,在客户端页面首先将socket.js文件引入
[javascript] view plain copy
- <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' });
- });
然后打开页面测试一下
如果想只在一个页面里服务端发送信息,可以这么写
[javascript] view plain copy
- 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", {});
- });