Bài viết này minh họa quy trình tạo kết nối webSocket trong Node.js.
Làm cách nào để tạo kết nối WebSocket trong Node.js?
Kết nối WebSocket bao gồm hai phần: phát triển ở phía máy khách và phía máy chủ. Trang web giả cũng cần được tạo ra để đóng vai trò trung gian giữa hai bên. Bằng cách sử dụng nó, các tin nhắn sẽ được chuyển từ cả hai phía. Hãy xem các bước dưới đây để tạo WebSocket trong NodeJs.
Bước 1: Thiết lập môi trường NodeJs
Với sự giúp đỡ của “ đĩa CD ” lệnh, duyệt qua thư mục dự án và bên trong nó thực thi lệnh “ npm init -y ” để cài đặt các mô-đun NodeJs mặc định:
npm init - Và
Sau khi thực hiện lệnh trên, tệp mới có tên “ gói.json ” nơi lưu trữ thông tin cơ bản liên quan đến dự án được tạo:
Bước 2: Cài đặt mô-đun WebSocket
Để sử dụng giao thức WebSocket, mô-đun có tên “ là ” cần được cài đặt trong dự án NodeJs. Lệnh cài đặt được chèn vào bên dưới:
cài đặt npm ws
Đầu ra bên dưới hiển thị “ là ” đã được cài đặt trong thư mục NodeJs mong muốn:
Bước 3: Thiết lập máy chủ WebSocket
Để thiết lập phía máy chủ của giao thức webSocket, hãy tạo một “ .js ” gõ tập tin bên trong thư mục dự án có tên “ phía máy chủ ” và chèn mã được nêu bên dưới:
hằng số wsObj = yêu cầu ( 'ws' ) ;hằng số là = mới wsObj. Máy chủ ( { Hải cảng : 3000 } ) ;
bảng điều khiển. nhật ký ( 'Máy chủ Linuxhint đã bắt đầu' ) ;
Giải thích cho đoạn mã trên như sau:
- Đầu tiên, với sự trợ giúp của “ yêu cầu() “ phương pháp, phương pháp “ là ” mô-đun đã được cài đặt ở phần trên sẽ được nhập vào bên trong “ máy chủSide.js ' tài liệu.
- Tiếp theo, gọi “ Máy chủ() ” phương thức sử dụng đối tượng của “ là ” mô-đun có tên “ wsObj ” và chuyển số cổng của “ 3000 ” để khởi động máy chủ tại cổng được chỉ định của Localhost.
- Ngoài ra, hiển thị một số thông báo ngẫu nhiên trên cửa sổ bảng điều khiển để xác nhận máy chủ đã khởi động từ đầu máy chủ.
Bước 4: Thiết lập ứng dụng khách WebSocket
Tạo một tập tin khác có tên “ phía khách hàng ” để thiết lập phía máy khách được kết nối với máy chủ. Chèn mã bên dưới để thiết lập phía máy khách cơ bản hiển thị thông báo ngẫu nhiên khi được kết nối qua máy chủ:
hằng số vật thể = mới WebSocket ( 'ws://localhost:3000' ) ;obj. addEventListener ( 'mở' , ( ) => {
bảng điều khiển. nhật ký ( 'Bạn đã kết nối với máy chủ Linuxhint!' ) ;
} ) ;
Mô tả cho khối mã trên:
- Đầu tiên, tạo một đối tượng mới cho “ WebSocket() ” giao thức được lắng nghe tại Localhost có số cổng là “ 3000 ”.
- Sau đó, lưu trữ đối tượng mới vào biến có tên “ vật thể ”.
- Sau đó, đính kèm trình xử lý sự kiện của “ mở ' Với cái này ' vật thể ”. Trình xử lý sự kiện này sẽ thực thi chức năng ẩn danh khi máy chủ được tải trên Localhost với số cổng được cung cấp.
- Chức năng này hiển thị một thông báo liên quan đến kết nối ngẫu nhiên trên bảng điều khiển.
Bước 5: Tạo trang web
Trong thư mục dự án, tạo một “ .html ” gõ tập tin có tên là “ mục lục ” chứa cấu trúc cơ bản của HTML cùng với thẻ tập lệnh đơn để nhập “ clientSide.js ' tài liệu:
DOCTYPE html >< chỉ html = 'TRONG' >
< cái đầu >
< bộ ký tự meta = 'UTF-8' >
< tiêu đề > Khách hàng tiêu đề >
cái đầu >
< thân hình >
< h1 > Trang web Linuxhint h1 >
thân hình >
< kịch bản src = 'clientSide.js' > kịch bản >
html >
Bước 6: Thực hiện
Mở ' chỉ mục.html ” trên trang web trực tiếp từ thư mục. Sau đó, di chuyển đến terminal hoặc dấu nhắc lệnh và thực hiện lệnh bên dưới:
nút máy chủSide 
Thông báo đầu ra cho thấy máy chủ đã được khởi động.
Bây giờ không cần đóng máy chủ, hãy truy cập vào tệp index.html và mở nó qua trình duyệt web. Ở đó thông báo kết nối thành công sẽ xuất hiện trên cửa sổ giao diện điều khiển:
Đầu ra cho thấy kết nối đã được thiết lập giữa phía máy khách và máy chủ. Blog này đã giải thích quá trình tạo kết nối webSocket trong NodeJs.
Phần kết luận
Để tạo kết nối webSocket trong NodeJs, hãy tạo một dự án NodeJs mới và cài đặt “ là ” bằng cách chạy mô-đun “ cài đặt npm ws ' yêu cầu. Bây giờ, hãy tạo một tệp cho phía máy chủ và nhập “ là ” mô-đun. Sử dụng mô-đun này để tạo máy chủ WebSocket tại cổng “ 3000 ”. Tạo một tệp khác cho phía máy khách trong đó bạn cần xác định một đối tượng mới cho “ WebSocket ” có tên “ vật thể ” và làm cho nó lắng nghe ở cảng “ 3000 ”. Blog này đã minh họa quy trình thiết lập kết nối WebSocket trong NodeJ.