簡單搭建WebSocket服務器

文章轉自:https://blog.csdn.net/weixin_43405525/article/details/99701145

下載nodejs-websocket依賴包

npm install nodejs-websocket


點擊回車下載完成之後發現項目中並沒有nodejs-websocket相關的文件夾
檢查終端有沒有報錯,確保依賴包名稱輸入正確

檢查是否存在package.json文件,如果沒有該文件,手動創建或在終端使用:
npm init
手動創建json文件裏面的內容:

下載後有個node_modules文件夾,裏面就有nodejs-websocket

創建一個名爲server的文件夾,裏面存放websocket服務器,根據下圖來創建需要的文件,websocket.js是客戶端websocket的實現,websocket-server.js是服務器的實現

先創建一個簡單的服務器:
引入nodejs-websocket包

const ws = require("nodejs-websocket");
1
使用ws創建服務器

var server = ws.createServer(conn => {console.log("有用戶連接上來了");});
1
這樣我們的一個簡單的服務器就建好了,但是還需要給服務器一個端口號,與服務器相關的當然是在服務器裏面啦

const PROT = 2002;
//設置服務器的端口
server.listen(PROT);
1
2
3
一個簡陋的服務器搭建好了,客戶端連接看一下效果,打開websocket.js連接服務器,H5新增了websocket的api,它的名字肯定與websocket相關:

const URL = "ws:localhost:2002", // 服務器地址
    Ws = new WebSocket(URL); // 連接服務器
1
2
當然,既然HTTP請求有 狀態碼,那麼WebSocket自然也有,可以通過readyState來獲取當前的狀態:

值    描述
0 (CONNECTING)    正在鏈接中
1 (OPEN)    已經鏈接並且可以通訊
2 (CLOSING)    連接正在關閉
3 (CLOSED)    連接已關閉或者沒有鏈接成功
可以根據需要來使用
啓動服務器(使用你服務器路徑):

node server/websocket-server.js
1
刷新頁面後回到終端,服務器打印了 — 已有用戶連接,看來服務器可以正常連接

本文demo鏈接:https://www.chuantongblog.com/2019/08/16/搭建WebSocket服務器/
————————————————
版權聲明:本文爲CSDN博主「Coding Fans」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/weixin_43405525/article/details/99701145

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章