91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么用Node.js實現WebSocket通信

發布時間:2022-12-02 09:29:13 來源:億速云 閱讀:102 作者:iii 欄目:開發技術

本篇內容介紹了“怎么用Node.js實現WebSocket通信”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!

node的依賴包

node中實現Websocket的依賴包有很多,websocket、ws均可,本文選取ws來實現,首先安裝依賴

npm install ws

聊天室實例

假如A,B,C,D用戶均通過客戶端連接到Websocket服務,其中每個人發的消息都需要將其通過Websocket轉發給其他人,此場景類似于服務端將A的消息廣播給組內其他用戶。

服務端實現

首先來看服務端程序,具體的工作流程分以下幾步:

  1. 創建一個WebSocketServer的服務,同時監聽8080端口的連接請求。

  2. 每當有新的客戶端連接該WebSocket成功時,便將該連接push到連接池的數組中。

  3. 監聽message事件,當該事件發生時,遍歷連接池,以連接為單位將該消息轉發到對應的客戶端

  4. 監聽close事件,當該事件發生時,將該連接移出連接池

服務端代碼

var WebSocketServer = require('ws').Server,
  wss = new WebSocketServer({port: 8080});

// 連接池
var clients = [];

wss.on('connection', function(ws) {
  // 將該連接加入連接池
  clients.push(ws);
  ws.on('message', function(message) {
    // 廣播消息
    clients.forEach(function(ws1){
      if(ws1 !== ws) {
        ws1.send(message);
      }
    })
  });

  ws.on('close', function(message) {
    // 連接關閉時,將其移出連接池
    clients = clients.filter(function(ws1){
      return ws1 !== ws
    })
  });
});

客戶端實現

<html>
<input type="text" id="text">
<input type="button" onclick="sendMessage()" value="online">
<script>
  var ws = new WebSocket("ws://localhost:8080");

  ws.onopen = function (e) {
    console.log('Connection to server opened');
  }
  ws.onmessage = function(event) { 
    console.log('Client received a message', event); 
  }; 
  ws.onclose = function (e) {
    console.log('connection closed.');
  }
  function sendMessage() {
      ws.send(document.getElementById('text').value);
  }
</script>
</html>

如何發現用戶?

通過上述的demo可以看到,WebSocket都是基于連接的,也就是說我們知道data是從那個connection發過來,但并不知道使用客戶端的是李雷或者韓梅梅,這可如何是好?再想另一種場景,李雷只想給韓梅梅發消息,不想將消息廣播給其他客戶端,此時我們就需要在Server端能夠標識用戶身份和連接的對應關系。

于是,需要在客戶端連接到WebSocket之后,緊接著再發一次請求,告訴Server我的user_id是多少,Server將此user_id與connection之間的關系存儲在hashmap中,至此就建立了user_id與connection的對應關系。當需要發送消息給對應的客戶端,從此hashmap中取出對應用戶的connection信息,調用其send方法發出消息即可。

依賴包

npm install hashmap

服務端實現

var WebSocketServer = require('ws').Server, webSocketServer = new WebSocketServer({port: 8080});
var HashMap = require('hashmap');

// record the client
var userConnectionMap = new HashMap();
var connectNum = 0;

// connection
webSocketServer.on('connection', function(ws) {
  ++ connectNum;
  console.log('A client has connected. current connect num is : ' + connectNum);
  ws.on('message', function(message) {
    var objMessage = JSON.parse(message);
    var strType = objMessage['type'];

    switch(strType) {
      case 'online' : 
        userConnectionMap.set(objMessage['from'], ws);
        break;
      default:
        var targetConnection = userConnectionMap.get(objMessage['to']);
        if (targetConnection) {
          targetConnection.send(message);
        }
    }
  });

  ws.on('close', function(message) {
    var objMessage = JSON.parse(message);
    userConnectionMap.remove(objMessage['from']);
  });
});

“怎么用Node.js實現WebSocket通信”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

合山市| 孟津县| 洪泽县| 白玉县| 天柱县| 浏阳市| 长治市| 康马县| 桦南县| 东兴市| 长兴县| 沙河市| 封开县| 五家渠市| 凤冈县| 兴国县| 宜川县| 东宁县| 内江市| 曲麻莱县| 多伦县| 钦州市| 凤庆县| 洛扎县| 抚顺县| 怀来县| 敦化市| 大庆市| 上犹县| 永济市| 常山县| 三河市| 山阳县| 黑水县| 汶川县| 西峡县| 福鼎市| 翁牛特旗| 清镇市| 汝南县| 紫云|