Node.js之構(gòu)建WebSocket服務(wù)全過程
更新時(shí)間：2024年09月06日 13:25:38 作者：一介白衣ing
這篇文章主要介紹了Node.js之構(gòu)建WebSocket服務(wù)全過程,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
WebSocket簡介
WebSocket是HTML5開始提供的一種在單個(gè)TCP 連接上進(jìn)行全雙工通訊的協(xié)議。
它有如下特點(diǎn)：
- 基于TCP，客戶端和服務(wù)端只建立一個(gè)TCP連接。
- 服務(wù)端可以主動向客戶端發(fā)送消息。
- 采用了二進(jìn)制幀結(jié)構(gòu)，不具備HTTP/2多路復(fù)用、優(yōu)先級等特性
- 更輕量的協(xié)議頭，減少數(shù)據(jù)傳輸量。
- WebSocket握手包的報(bào)文格式必須符合HTTP報(bào)文格式的規(guī)范
客戶端和服務(wù)端的簡單實(shí)現(xiàn)
服務(wù)端
服務(wù)端我們使用nodejs-websocket包來實(shí)現(xiàn)。
const ws = require("nodejs-websocket");
const server = ws.createServer(function (socket) {
// 讀取字符串消息，事件名稱為:text
var count = 1;
socket.on("text", function (str) {
// 在控制臺輸出前端傳來的消息
console.log(str);
//向前端回復(fù)消息
setInterval(() => {
socket.sendText("服務(wù)器端收到客戶端發(fā)來的消息" + str + count++);
}, 2000);
});
socket.on("error", () => {
console.log("err");
});
});
server.listen(3000, () => {
console.log("connected...");
});nodejs-websocket包讀取字符串事件為text，發(fā)送字符串到客戶端方法為sendText()
還有其他方法和事件請閱讀源碼。
運(yùn)行上邊的代碼，啟動服務(wù)
客戶端
const WebSocket = require("ws");
const ws = new WebSocket("ws://localhost:3000/");
ws.onopen = function () {
setInterval(function () {
ws.send("客戶端消息");
}, 2000);
};
ws.onmessage = function (e) {
console.log(e.data);
};當(dāng)然，這段代碼也可以在瀏覽器直接運(yùn)行（不需要引入ws包）。
我們使用定時(shí)器模擬消息的實(shí)時(shí)發(fā)送，來觀察客戶端和服務(wù)端消息的通訊過程。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
平時(shí)在項(xiàng)目開發(fā)中,經(jīng)常用到npm、pnpm、yarn這些來安裝包,本文主要介紹了npm、pnpm、yarn之間的區(qū)別小結(jié),具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12
前端+nodejs+mysql實(shí)現(xiàn)前后端聯(lián)通的完整代碼
Node.js主要屬于后端技術(shù),但也可以用于前端開發(fā)的某些場景,下面這篇文章主要介紹了前端+nodejs+mysql實(shí)現(xiàn)前后端聯(lián)通的完整代碼,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
在?node?中使用?koa-multer?庫上傳文件的方式詳解
本文主要介紹了上傳單個(gè)文件、多個(gè)文件,文件數(shù)量大小限制、限制文件上傳類型和對上傳的圖片進(jìn)行不同大小的裁剪,對node使用?koa-multer?庫上傳文件相關(guān)知識感興趣的朋友一起看看吧2024-01-01
node.js實(shí)現(xiàn)端口轉(zhuǎn)發(fā)
這篇文章主要為大家詳細(xì)介紹了node.js實(shí)現(xiàn)端口轉(zhuǎn)發(fā)的關(guān)鍵代碼，感興趣的小伙伴們可以參考一下2016-04-04
node.js中使用q.js實(shí)現(xiàn)api的promise化
這篇文章主要介紹了node.js中使用q.js實(shí)現(xiàn)api的promise化,promise一個(gè)標(biāo)準(zhǔn),它描述了異步調(diào)用的返回結(jié)果,包括正確返回結(jié)果和錯(cuò)誤處理,需要的朋友可以參考下2014-09-09
使用express+multer實(shí)現(xiàn)node中的圖片上傳功能
這篇文章主要介紹了使用express+multer實(shí)現(xiàn)node中的圖片上傳功能,需要的朋友可以參考下2018-02-02
connect中間件session、cookie的使用方法分享
今天大象哥用了下connect的session和cookie，感覺還挺好用的，分享一下(里面坑挺多的，文檔寫的太模糊了，費(fèi)了哥不少時(shí)間)。2014-06-06
理解nodejs的stream和pipe機(jī)制的原理和實(shí)現(xiàn)
本篇文章主要介紹了理解nodejs的stream和pipe機(jī)制的原理和實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了nvm如何切換與管理node版本問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-03-03
Node+Express連接MySQL實(shí)現(xiàn)增刪改查功能
這篇文章主要為大家詳細(xì)介紹了Node如何結(jié)合Express連接MySQL實(shí)現(xiàn)增刪改查功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-05-05