一個最簡單的WebSocket hello world demo

Integ 發布于2019-08-26 13:34 / 1309人閱讀

摘要：服務器端代碼不超過行代碼第行創建一個服務器，監聽在端口上第行每隔秒發送一個字符串到瀏覽器，用一個計數器標識每次發送的請求。

服務器端代碼不超過42行：

const WSServer = require("./server.js");

var counter = 0;

function createWebsocket() {

  var host = "127.0.0.1";
  var port = "9999";

  var wsServer =  WSServer.startServer(host, port);
  console.log("WebSocket server listens to: " + host + ":" + port);
  wsServer.on("open", (data) => {
    console.log("WS Client has connected: " + data);

    setInterval(function(){ 
      counter++;
      WSServer.broadcast("Jerry: " + counter );
     }, 3000);
    
  });

  wsServer.on("dataWS", (data) => {
    console.log("Receive Data from WebUI : " +  data);
  });

  wsServer.on("disconnect", (data) => {
    console.log("WSServer disconnect:" + data.name);
  });

  wsServer.on("close", (data) => {
    console.log("WSServer close: " + data.name);
  });

  wsServer.on("end", (data) => {
    console.log("WSServer Close: "+data.name);
  });

  wsServer.on("error", (data) => {
  });
}

createWebsocket();

代碼第10行創建一個WebSocket服務器，監聽在9999端口上：

第15～18行每隔3秒發送一個字符串到瀏覽器，用一個計數器標識每次發送的請求。

代碼里所需的server.js我已經上傳到我的Github上了：
https://github.com/i042416/Kn...

使用nodejs啟動這個服務器：

網頁端代碼：

瀏覽器端每隔三秒收到服務器推送的消息，打印在console上：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

云服務器 GPU云服務器 ubuntu hello world hello-world webrtc websocket demo 最簡單的算法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109060.html

sanic中文文檔

摘要：入門指南路由路由允許用戶為不同的端點指定處理程序函數。被訪問服務器的基本，最終被路由器匹配到處理程序函數，測試，然后返回一個對象。請求參數將作為關鍵字參數傳遞給路線處理程序函數。例如所有有效的參數必須傳遞給以便構建一個。入門指南 Install Sanic：python3 -m pip install sanicexample from sanic import Sanic from...

琛ｈ。 2019-07-30 14:55 評論0 收藏0
websock(AMQ)通信-前端

摘要：服務端和客戶端之間的通信前端開發經常會依賴后端，那么如果后端服務器還沒做好推送服務器，那么前端該如何呢。可以通過客戶端進行測試客戶端代碼見后面選取插件進行開發在命令臺中輸入以下命令這種方式更簡單了。服務端和客戶端之間的通信前端開發經常會依賴后端，那么如果后端服務器還沒做好推送服務器，那么前端該如何呢。最簡單的就是自己模擬一個服務器，用node來搭建，這邊只簡單介紹搭建的過程 nod...

levius 2019-08-22 17:57 評論0 收藏0
websock(AMQ)通信-前端

摘要：服務端和客戶端之間的通信前端開發經常會依賴后端，那么如果后端服務器還沒做好推送服務器，那么前端該如何呢。可以通過客戶端進行測試客戶端代碼見后面選取插件進行開發在命令臺中輸入以下命令這種方式更簡單了。服務端和客戶端之間的通信前端開發經常會依賴后端，那么如果后端服務器還沒做好推送服務器，那么前端該如何呢。最簡單的就是自己模擬一個服務器，用node來搭建，這邊只簡單介紹搭建的過程 nod...

ARGUS 2019-08-02 10:40 評論0 收藏0
swoole——從入門到放棄（一）

摘要：進程可以使用函數向進程投遞新的任務。當前的進程在調用回調函數時會將進程狀態切換為忙碌，這時將不再接收新的，當函數返回時會將進程狀態切換為空閑然后繼續接收新的。當進程投遞的任務在中完成時，進程會通過方法將任務處理的結果發送給進程。 swoole——從入門到放棄（一）一、swoole的源碼包安裝下載swoole源碼：git clone https://gitee.com/swoole...

morgan 2019-07-01 12:27 評論0 收藏0