Websocket là gì Update 12/2024

Websocket là gì?

Websocket là giao thức chuẩn cho trao đổi dữ liệu hai chiều giữa client và server. Giao thức WebSocket không chạy trên HTTP, thay vào đó nó thực hiện trên giao thức TCP.

Bạn đang xem: Websocket là gì

WebSocket là một kiểu Reverse Ajax

Người ta thường dùng Websocket thay vì HTTP cho những trường hợp yêu cầu real time (thời gian thực). Ví dụ bạn muốn hiện thị biểu đồ, chỉ số chứng khoán, web chat… thì không thể gửi lệnh AJAX liên tiếp tới server để lấy dữ liệu mới rồi cập nhật lên màn hình, như thế sẽ tốn nhiều tài nguyên, traffic.

Gói tin của WebSockets nhẹ hơn HTTP rất nhiều, giảm độ trễ của network lên đến 3 lần, không cần phải gửi request liên tiếp như HTTP.

Websocket là gì? Hướng dẫn Java Websocket + Code ví dụ thienmaonline.vn

Cấu trúc của websocket

Chuẩn giao thức của websocket là ws:// cho chuẩn thông thường và wss:// cho chuẩn secure (tương tự http:// và https://)Message data types: chuẩn giao tiếp là String, hiện tại đã hỗ trợ buffered arrays và blobs. Vẫn chưa hỗ trợ JSON (tuy nhiên có thể serialize thành String)

Tạo websocket

Ở đây mình hướng dẫn tạo websocket trên trình duyệt web (browser)

Kiểm tra trình duyệt có hỗ trợ WebSockets hay không

if (“WebSocket” in window){ /* WebSocket is supported. You can proceed with your code*/} else { /*WebSockets are not supported. Try a fallback method like long-polling etc*/}Khởi tạo và kết nối WebSocket tới server

var websocket = new WebSocket(“ws://localhost:8080/WebSocket1/server1”);// hoặcvar websocket = new WebSocket(“wss://localhost:8080/WebSocket1/server1”);Đóng WebSocket

websocket.close();Các thuộc tính của WebSocket

Thuộc tínhMiêu tả

readyState	Thuộc tính chỉ đọc readyState biểu diễn trạng thái kết nối. Nó có các giá trị sau:Giá trị 0 chỉ rằng kết nối vẫn chưa được thành lập (WebSocket.CONNECTING)Giá trị 1 chỉ rằng kết nối đã thành lập và có thể giao tiếp (WebSocket.OPEN)Giá trị 2 chỉ rằng kết nối đang qua handshake đóng (WebSocket.CLOSING)Giá trị 3 chỉ rằng kết nối đã được đóng hoặc không thể được mở (WebSocket.CLOSED)
bufferedAmount	Thuộc tính chỉ đọc bufferedAmount biểu diễn số byte của UTF-8 mà đã được xếp hàng bởi sử dụng phương thức send()

Các sự kiện WebSocket

Sự kiệnEvent HandlerMiêu tả

open	onopen	Sự kiện này xảy ra khi kết nối Socket được thành lập.
message	onmessage	Sự kiện này xảy ra khi Client nhận dữ liệu từ Server. Xem thêm: Tải Game đấu Trường Chân Lý, đấu Trường Chân Lý
error	onerror	Sự kiện này xảy ra khi có bất kỳ lỗi nào trong giao tiếp.
close	onclose	Sự kiện này xảy ra khi kết nối được đóng.

Ví dụ:

var websocket = new WebSocket(“ws://localhost:8080/WebSocket1/server1”);websocket.onopen = function() { // DO SOMETHING};websocket.onmessage = function(message) { // DO SOMETHING};websocket.onclose = function() { // DO SOMETHING};websocket.onerror = function(message) { // DO SOMETHING};Các phương thức / method của WebSocket

Phương thứcMiêu tả

send()	Phương thức send(data) gửi dữ liệu tới server. Xem thêm: Tải Game Thiện Nữ – Hướng Dẫn Vào Game Bản Máy Tính
close()	Phương thức close() kết nối đang tồn tại.

Dưới đây là code ví dụ để hướng dẫn sử dụng websocket và một số chương trình sử dụng web socket:

Chuyên mục: Hỏi Đáp