nodejs結(jié)合socket.io實(shí)現(xiàn)websocket通信功能的方法
本文實(shí)例講述了nodejs結(jié)合socket.io實(shí)現(xiàn)websocket通信功能的方法。分享給大家供大家參考,具體如下:
因?yàn)轫?xiàng)目中有需要實(shí)時(shí)獲取后臺(tái)數(shù)據(jù)的場(chǎng)景,之前一直是使用http心跳請(qǐng)求的方法。因?yàn)閣ebsocket與此模式相比有很大的性能提升,而且可以提高實(shí)時(shí)性,所以對(duì)websocket作了一些研究。這里是使用nodejs+socket.io來(lái)實(shí)現(xiàn)的。
達(dá)成目標(biāo)
將原來(lái)心跳請(qǐng)求后臺(tái)數(shù)據(jù)的方式,修改為通過(guò)socket連接后臺(tái)統(tǒng)一推送的方式。后臺(tái)的數(shù)據(jù)由別的進(jìn)程寫入文件或?qū)懭雛edis,這里實(shí)現(xiàn)的是讀取文件的方式。
前期準(zhǔn)備
安裝nodejs(略)
服務(wù)器端
新建一個(gè)項(xiàng)目目錄,這里是sockettest
進(jìn)入sockettest目錄,安裝express模塊和socketio模塊
npm install --save express@4.10.2 npm install --save socket.io
新建package.json文件,在其中寫入如下內(nèi)容:
{
"name": "socket-test",
"version": "0.0.1",
"description": "my first socket.io app",
"dependencies": {
"express": "^4.10.2",
"socket.io": "^1.7.2"
}
}
新建index.html,用于作為默認(rèn)的訪問顯示頁(yè)面,因?yàn)檫@里不會(huì)用到它,內(nèi)容隨意;
新建trends.js文件,在其中寫入內(nèi)容:
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
var fs = require('fs');
#默認(rèn)打開文件
app.get('/', function(req, res){
res.sendfile('index.html');
});
#用于存儲(chǔ)所有socket以廣播數(shù)據(jù)
var iolist = [];
#定義socket on connection(連入)事件行為
io.on('connection', function(socket){
#將連入socket加入列表
iolist.push(socket);
#記錄index,在disconnect(斷開連接)發(fā)生時(shí)將對(duì)應(yīng)的socket刪除
var sockex = iolist.indexOf(socket);
#定義on disconnect事件行為
socket.on('disconnect', function(){
#將斷開連接的socket從廣播列表里刪除
iolist.splice(sockex, 1);
});
});
# 數(shù)據(jù)廣播進(jìn)程:每1秒鐘廣播一次
setInterval(function() {
# 如果沒有正在連接的socket,直接返回;
if (iolist.length <= 0) return;
var trends = fs.readFileSync('./data/trends.json','utf-8');#trends數(shù)據(jù)
var coins = fs.readFileSync('./data/coins.json','utf-8');#coins數(shù)據(jù)
#向所有socket連接發(fā)送數(shù)據(jù)
for (i in iolist) {
# 向客戶端發(fā)送trends數(shù)據(jù)
iolist[i].emit('trends', trends);
# 向客戶端發(fā)送coins數(shù)據(jù)
iolist[i].emit('coins', coins);
}
}, 1000);
# 服務(wù)器偵聽在sockettest.com的3000端口上
http.listen(3000, function(){
# 輸出到標(biāo)準(zhǔn)輸出
console.log('listening on sockettest.com:3000');
});
新建data目錄,并在下面新建兩個(gè)文件trends與coins,用于存放socket服務(wù)器將要讀取的數(shù)據(jù)。
新建public目錄,在其中新建一個(gè)文件index.html,文件內(nèi)容如下:
<!--引入必要的js文件-->
<script type="text/javascript" src="http://sockettest:3000/socket.io/socket.io.js"></script>
<script type="text/javascript">
//新建socket
var socket = io('http://sockettest.com:3000');
socketdata(socket);
function socketdata() {
#定義接收到coins類型數(shù)據(jù)時(shí)的行為
socket.on('coins', function(msg){
console.log(msg);
}
#定義接收到trends類型數(shù)據(jù)時(shí)的行為
socket.on('trends', function(msg){
console.log(msg);
}
}
</script>
代碼部署
剛才之所以要建兩個(gè)index.html文件,是為了能夠方便地在既有的web項(xiàng)目中使用nodejs提供的socket服務(wù)。這樣我們把public/index.html可以部署在別的服務(wù)器中,比如nginx或tomcat之類,然后在根目下啟動(dòng)socket的服務(wù)器,為其提供socket服務(wù)。
首先在剛才的項(xiàng)目根目錄下執(zhí)行
node ./trends.js
并保持終端運(yùn)行,然后再把項(xiàng)目部署在nginx里,通過(guò)chrome下訪問nginx提供的web服務(wù):
http://hostname/public/index.html
打開開發(fā)者模式,就能在console里看到每隔一秒便會(huì)收到來(lái)自node服務(wù)器的socket推送消息了。通過(guò)修改data目錄下的兩個(gè)文件,可以看到寫入到文件的數(shù)據(jù)也會(huì)實(shí)時(shí)地推送到客戶端這里來(lái)。
參考文章
http://socket.io/get-started/chat/
希望本文所述對(duì)大家nodejs程序設(shè)計(jì)有所幫助。
相關(guān)文章
Nodejs中session的簡(jiǎn)單使用及通過(guò)session實(shí)現(xiàn)身份驗(yàn)證的方法
session的本質(zhì)使用cookie來(lái)實(shí)現(xiàn)。本文給大家介紹Nodejs中session的簡(jiǎn)單使用及通過(guò)session實(shí)現(xiàn)身份驗(yàn)證的方法,對(duì)node.js session相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-02-02
nodejs環(huán)境使用Typeorm連接查詢Oracle數(shù)據(jù)
這篇文章主要介紹了nodejs環(huán)境使用Typeorm連接查詢Oracle數(shù)據(jù),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
Node定時(shí)備份MySQL的實(shí)現(xiàn)
本文主要介紹了Node定時(shí)備份MySQL的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
Nodejs為什么選擇javascript為載體語(yǔ)言
準(zhǔn)備寫一個(gè)NodeJS方面的系列文章,由淺入深,循序漸進(jìn),秉承的理念是重思想,多實(shí)踐,勤能補(bǔ)拙,貴在堅(jiān)持。本文首先來(lái)點(diǎn)基礎(chǔ)知識(shí)的開篇吧。2015-01-01
Node.js安裝及npm國(guó)內(nèi)鏡像配置的方法實(shí)現(xiàn)
本文主要介紹了Node.js安裝及npm國(guó)內(nèi)鏡像配置,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
Node.js API詳解之 Error模塊用法實(shí)例分析
這篇文章主要介紹了Node.js API詳解之 Error模塊用法,結(jié)合實(shí)例形式分析了Node.js API中Error模塊相關(guān)功能、函數(shù)、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
NodeJS實(shí)現(xiàn)阿里大魚短信通知發(fā)送
本文給大家介紹的是nodejs實(shí)現(xiàn)使用阿里大魚短信API發(fā)送消息的方法和代碼,有需要的小伙伴可以參考下。2016-01-01
Node.js 實(shí)現(xiàn)遠(yuǎn)程桌面監(jiān)控的方法步驟
這篇文章主要介紹了Node.js 實(shí)現(xiàn)遠(yuǎn)程桌面監(jiān)控的方法步驟,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07

