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

相關推薦：

關於WebSocket部署伺服器外網無法連接的解決方案

php中關於websocket的詳細介紹

nodejs+websocket完成一個聊天系統功能

以上是詳解node.js基於express使用websocket的詳細內容。更多資訊請關注PHP中文網其他相關文章！