详解node.js基于express使用websocket-js教程-PHP中文网

详解node.js基于express使用websocket

小云云

发布： 2017-12-23 09:03:50

原创

2953人浏览过

本文主要介绍了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里面

硅基智能

基于Web3.0的元宇宙，去中心化的互联网，高质量、沉浸式元宇宙直播平台，用数字化重新定义直播

查看详情

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", {});
});

登录后复制