国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

nodejs結合socket.io實現websocket通信功能的方法

2024-05-06 15:22:41
字體:
來源:轉載
供稿:網友

本文實例講述了nodejs結合socket.io實現websocket通信功能的方法。分享給大家供大家參考,具體如下:

因為項目中有需要實時獲取后臺數據的場景,之前一直是使用http心跳請求的方法。因為websocket與此模式相比有很大的性能提升,而且可以提高實時性,所以對websocket作了一些研究。這里是使用nodejs+socket.io來實現的。

達成目標

將原來心跳請求后臺數據的方式,修改為通過socket連接后臺統一推送的方式。后臺的數據由別的進程寫入文件或寫入redis,這里實現的是讀取文件的方式。

前期準備

安裝nodejs(略)

服務器端

新建一個項目目錄,這里是sockettest
進入sockettest目錄,安裝express模塊和socketio模塊

npm install --save express@4.10.2npm install --save socket.io

新建package.json文件,在其中寫入如下內容:

{ "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,用于作為默認的訪問顯示頁面,因為這里不會用到它,內容隨意;
新建trends.js文件,在其中寫入內容:

var app = require('express')();var http = require('http').Server(app);var io = require('socket.io')(http);var fs = require('fs');#默認打開文件app.get('/', function(req, res){  res.sendfile('index.html');});#用于存儲所有socket以廣播數據var iolist = [];#定義socket on connection(連入)事件行為io.on('connection', function(socket){  #將連入socket加入列表  iolist.push(socket);   #記錄index,在disconnect(斷開連接)發生時將對應的socket刪除  var sockex = iolist.indexOf(socket);   #定義on disconnect事件行為  socket.on('disconnect', function(){    #將斷開連接的socket從廣播列表里刪除    iolist.splice(sockex, 1);  });});# 數據廣播進程:每1秒鐘廣播一次setInterval(function() {  # 如果沒有正在連接的socket,直接返回;  if (iolist.length <= 0) return;  var trends = fs.readFileSync('./data/trends.json','utf-8');#trends數據  var coins = fs.readFileSync('./data/coins.json','utf-8');#coins數據  #向所有socket連接發送數據  for (i in iolist) {    # 向客戶端發送trends數據    iolist[i].emit('trends', trends);    # 向客戶端發送coins數據    iolist[i].emit('coins', coins);  }}, 1000);# 服務器偵聽在sockettest.com的3000端口上http.listen(3000, function(){  # 輸出到標準輸出  console.log('listening on sockettest.com:3000');});

新建data目錄,并在下面新建兩個文件trends與coins,用于存放socket服務器將要讀取的數據。
新建public目錄,在其中新建一個文件index.html,文件內容如下:

<!--引入必要的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類型數據時的行為      socket.on('coins', function(msg){        console.log(msg);      }      #定義接收到trends類型數據時的行為      socket.on('trends', function(msg){        console.log(msg);      }    }</script>            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 平果县| 常德市| 沧州市| 怀集县| 玉屏| 上虞市| 武乡县| 元朗区| 中牟县| 阜新| 郯城县| 永德县| 土默特右旗| 南阳市| 隆昌县| 精河县| 凤台县| 山东| 镇沅| 泸州市| 阳谷县| 乌鲁木齐市| 安多县| 自治县| 米林县| 庆云县| 新化县| 行唐县| 革吉县| 新乐市| 甘南县| 德保县| 惠来县| 若尔盖县| 略阳县| 伊宁市| 唐海县| 镇康县| 礼泉县| 甘谷县| 鄂温|