首頁 > web前端 > js教程 > 詳解node.js基於express使用websocket

詳解node.js基於express使用websocket

小云云
發布: 2017-12-23 09:03:50
原創
2841 人瀏覽過

本文主要介紹了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=&#39;javascripts/socket.io-1.4.5.js&#39;></script>
var socket = io.connect("//localhost:3000");
socket.on(&#39;news&#39;, function (data) {
  console.log(data);
  alert(data);
  socket.emit(&#39;my other event&#39;, { my: &#39;data&#39; });
});
登入後複製

然後打開頁面測試一下

如果想只在一個頁面裡服務端發送訊息,可以這麼寫

router.get(&#39;/&#39;, function(req, res, next) {
  //只有当前页面可以获得
  res.io.on(&#39;connection&#39;, function(socket) {
    socket.emit(&#39;news&#39;, {
      hello: &#39;world&#39;
    });
    socket.on(&#39;my other event&#39;, 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板