WebSockets là một giải pháp thay thế cho giao tiếp HTTP trong Ứng dụng Web. Họ cung cấp một kênh giao tiếp hai chiều, tồn tại lâu dài giữa máy khách và máy chủ.
WebSockets là một giải pháp thay thế cho giao tiếp HTTP trong Ứng dụng Web.
Họ cung cấp một kênh giao tiếp hai chiều, tồn tại lâu dài giữa máy khách và máy chủ.
Sau khi được thiết lập, kênh được giữ ở trạng thái mở, cung cấp kết nối rất nhanh với độ trễ và chi phí thấp.
Hỗ trợ trình duyệt cho WebSockets
WebSockets được hỗ trợ bởi tất cả các trình duyệt hiện đại.
WebSockets khác với HTTP như thế nào
HTTP là một giao thức rất khác và cũng là một cách giao tiếp khác.
HTTP là một giao thức yêu cầu / phản hồi: máy chủ trả về một số dữ liệu khi máy khách yêu cầu.
Với WebSockets:
- cácmáy chủ có thể gửi tin nhắn đến máy kháchmà không có khách hàng yêu cầu một cách rõ ràng một cái gì đó
- máy khách và máy chủ có thểnói chuyện với nhau đồng thời
- chi phí rất ít dữ liệucần được trao đổi để gửi tin nhắn. Điều này có nghĩa là mộtgiao tiếp độ trễ thấp.
WebSocketsrất tốt chothời gian thựcvàsống lâuthông tin liên lạc.
HTTPlà tuyệt vời chotrao đổi dữ liệu không thường xuyênvà các tương tác do khách hàng khởi xướng.
HTTP đơn giản hơn nhiềuđể triển khai, trong khi WebSockets yêu cầu chi phí cao hơn một chút.
WebSockets bảo mật
Luôn sử dụng giao thức bảo mật, được mã hóa cho WebSockets,wss://
.
ws://
đề cập đến phiên bản WebSockets không an toàn (http://
của WebSockets), và nên tránh vì những lý do rõ ràng.
Tạo kết nối WebSockets mới
const url = 'wss://myserver.com/something'
const connection = new WebSocket(url)
connection
là mộtWebSocketvật.
Khi kết nối được thiết lập thành công,open
sự kiện bị sa thải.
Hãy lắng nghe nó bằng cách gán một chức năng gọi lại choonopen
tài sản củaconnection
vật:
connection.onopen = () => {
//...
}
Nếu có bất kỳ lỗi nào,onerror
hàm gọi lại được kích hoạt:
connection.onerror = error => {
console.log(`WebSocket error: ${error}`)
}
Gửi dữ liệu đến máy chủ bằng WebSockets
Sau khi kết nối được mở, bạn có thể gửi dữ liệu đến máy chủ.
Bạn có thể làm như vậy một cách thuận tiện bên trongonopen
chức năng gọi lại:
connection.onopen = () => {
connection.send('hey')
}
Nhận dữ liệu từ máy chủ bằng cách sử dụng WebSockets
Nghe khi bật chức năng gọi lạionmessage
, được gọi khimessage
sự kiện được nhận:
connection.onmessage = e => {
console.log(e.data)
}
Triển khai máy chủ WebSockets trong Node.js
wslà một thư viện WebSockets phổ biến choNode.js.
Chúng tôi sẽ sử dụng nó để xây dựng một máy chủ WebSockets. Nó cũng có thể được sử dụng để triển khai một máy khách và sử dụng WebSockets để giao tiếp giữa hai dịch vụ phụ trợ.
Dễ dàng cài đặt nó bằng cách sử dụng
yarn init
yarn add ws
Mã bạn cần viết là rất ít:
const WebSocket = require('ws')
const wss = new WebSocket.Server({ port: 8080 })
wss.on(‘connection’, ws => {
ws.on(‘message’, message => {
console.log(Received message => </span><span style="color:#e6db74">${</span><span style="color:#a6e22e">message</span><span style="color:#e6db74">}</span><span style="color:#e6db74">
)
})
ws.send(‘ho!’)
})
Mã này tạo một máy chủ mới trên cổng 8080 (cổng mặc định cho WebSockets) và thêm chức năng gọi lại khi kết nối được thiết lập, gửiho!
cho máy khách và ghi nhật ký các thông báo mà nó nhận được.
Xem ví dụ trực tiếp trên Glitch
Đây là một ví dụ trực tiếp về máy chủ WebSockets:https://glitch.com/edit/#!/flavio-websockets-server-example
Đây là một ứng dụng khách WebSockets tương tác với máy chủ:https://glitch.com/edit/#!/flavio-websockets-client-example
Tải xuống miễn phí của tôiSổ tay Node.js
Các hướng dẫn nút khác:
- Giới thiệu về trình quản lý gói npm
- Giới thiệu về Node.js
- Yêu cầu HTTP bằng Axios
- Nơi lưu trữ ứng dụng Node.js
- Tương tác với API Google Analytics bằng Node.js
- Trình chạy gói nút npx
- Hướng dẫn package.json
- Npm cài đặt các gói ở đâu?
- Cách cập nhật Node.js
- Cách sử dụng hoặc thực thi một gói được cài đặt bằng npm
- Tệp package-lock.json
- Phiên bản ngữ nghĩa sử dụng npm
- Bạn có nên cam kết thư mục node_modules cho Git không?
- Cập nhật tất cả các phụ thuộc Node lên phiên bản mới nhất của chúng
- Phân tích cú pháp JSON với Node.js
- Tìm phiên bản đã cài đặt của gói npm
- Luồng Node.js
- Cài đặt phiên bản cũ hơn của gói npm
- Lấy thư mục hiện tại trong Node
- Cách đăng nhập một đối tượng trong Node
- Thể hiện chức năng từ tệp Node bằng cách sử dụng xuất
- Sự khác biệt giữa Node và Browser
- Thực hiện yêu cầu HTTP POST bằng Node
- Nhận dữ liệu nội dung yêu cầu HTTP bằng Node
- Bộ đệm nút
- Sơ lược về lịch sử Node.js
- Cách cài đặt Node.js
- Bạn cần biết bao nhiêu JavaScript để sử dụng Node?
- Cách sử dụng Node.js REPL
- Nút, chấp nhận các đối số từ dòng lệnh
- Xuất ra dòng lệnh bằng Node
- Chấp nhận đầu vào từ dòng lệnh trong Node
- Gỡ cài đặt gói npm với `` npm gỡ cài đặt ''
- gói npm toàn cầu hoặc cục bộ
- npm phụ thuộc và devDependencies
- Vòng lặp sự kiện Node.js
- Hiểu process.nextTick ()
- Hiểu setIm Instant ()
- Bộ phát sự kiện nút
- Xây dựng một máy chủ HTTP
- Thực hiện các yêu cầu HTTP với Node
- Mô-đun Node fs
- Yêu cầu HTTP trong Node bằng Axios
- Đọc tệp bằng Node
- Đường dẫn tệp nút
- Viết tệp bằng Node
- Số liệu thống kê về tệp nút
- Làm việc với bộ mô tả tệp trong Node
- Làm việc với các thư mục trong Node
- Mô-đun đường dẫn nút
- Mô-đun Node http
- Sử dụng WebSockets với Node.js
- Những điều cơ bản về cách làm việc với MySQL và Node
- Xử lý lỗi trong Node.js
- Hướng dẫn Pug
- Cách đọc các biến môi trường từ Node.js
- Cách thoát khỏi chương trình Node.js
- Mô-đun hệ điều hành Node
- Mô-đun sự kiện Node
- Nút, sự khác biệt giữa phát triển và sản xuất
- Cách kiểm tra xem tệp có tồn tại trong Node.js hay không
- Cách tạo tệp trống trong Node.js
- Cách xóa tệp bằng Node.js
- Cách lấy ngày cập nhật cuối cùng của tệp bằng Node.js
- Cách xác định một ngày có phải là hôm nay trong JavaScript hay không
- Cách ghi một đối tượng JSON vào tệp trong Node.js
- Tại sao bạn nên sử dụng Node.js trong dự án tiếp theo của mình?
- Chạy một máy chủ web từ bất kỳ thư mục nào
- Cách sử dụng MongoDB với Node.js
- Sử dụng Công cụ dành cho nhà phát triển của Chrome để gỡ lỗi ứng dụng Node.js
- Pnpm là gì?
- Danh sách tùy chọn Node.js Runtime v8
- Cách khắc phục lỗi "Thiếu quyền ghi" khi sử dụng npm
- Cách bật Mô-đun ES trong Node.js
- Cách sinh ra một quy trình con với Node.js
- Cách lấy cả nội dung được phân tích cú pháp và nội dung thô trong Express
- Cách xử lý tải lên tệp trong Node.js
- Sự phụ thuộc ngang hàng trong một mô-đun Node là gì?
- Cách ghi tệp CSV với Node.js
- Cách đọc tệp CSV với Node.js
- Mô-đun lõi Node
- Tăng số lượng nhiều thư mục cùng một lúc bằng Node.js
- Cách in canvas thành URL dữ liệu
- Cách tạo và lưu hình ảnh với Node.js và Canvas
- Cách tải xuống hình ảnh bằng Node.js
- Cách đổi tên hàng loạt tệp trong Node.js
- Cách lấy tên của tất cả các tệp trong một thư mục trong Node
- Cách sử dụng các lời hứa và chờ đợi với các hàm dựa trên cuộc gọi lại của Node.js
- Cách kiểm tra một gói npm cục bộ
- Cách kiểm tra phiên bản Node.js hiện tại khi chạy
- Cách sử dụng Sequelize để tương tác với PostgreSQL
- Cung cấp trang HTML bằng Node.js
- Cách giải quyết lỗi `use.pump không phải là hàm` trong Node.js