Hướng dẫn websocket nodejs - nút websocket
Node.js là một sản phẩm tuyệt vời. Nó cho phép bạn tự do lên ý tưởng và tạo ra một Server mạnh mẽ bất kể sử dụng cho ứng dụng Web hay các ứng dụng Android. Show Và để thử nghiệm sự tuyệt vời của Node.js thì ở bài viết này, tôi sẽ hướng dẫn các bạn tạo ra một ứng dụng đơn giản: ứng dụng gửi tin nhắn hay còn gọi là Chat application trên nền tảng Web. Nói đến một ứng dụng Chat trên nền tảng Web thì ta sẽ nghĩ ngay đến một thư viện đi kèm với Nodejs: Socket.io. Nhưng hôm nay chúng ta sẽ không sử dụng Socket.io mà dùng một thư viện khác có tên: Websocket. Websocket có thể coi là một thư viện gần tương tự như Socket.io, bản thân nó chứa đựng các phương thức cho phép dữ liệu được đồng bộ theo thời gian thực giữa Server - Client, cho phép tạo ra Server dành cho các ứng dụng cần đến sự đồng bộ ngay lập tức như là các ứng dụng game hay chính Google Docs cũng đang sử dụng. Điểm khác biệt lớn nhất giữa Websocket và Socket.io có lẽ đơn giản là Socket.io thì cần import một bộ thư viện, còn Websocket thì bằng một cách nào đó, bạn chỉ cần khai báo đối tượng trực tiếp trên các trình duyệt lõi Chromium hoặc Firefox mà không cần import thêm bất kỳ thư viện nào khác. Còn lý do tại sao tôi lại dùng Websocket mà không phải Socket.io thì đơn giản vì tôi không thích phải import một bộ thư viện JS nào khác vào bộ code của mình, có thể một ngày đẹp trời nào đó chúng xảy ra xung đột, đó sẽ là một thảm họa. Một phần là vì Socket.io đã tạo ra cho bạn toàn bộ các phương thức tuyệt vời mà bạn chỉ cần gọi ra và sử dụng, còn với Websocket thì việc này "tá điền" hơn một chút nhưng cái lợi là bạn sẽ biết bạn đang viết gì và có thể dễ dàng kiểm soát bộ code của mình. Bạn có thể đọc thêm về các phương thức của Websocket tại đây OK, lan man vậy đủ rồi, bây giờ ta sẽ đến phần chính. Ý tưởng:Chúng ta sẽ tạo ra một trang Web cho phép hai hay nhiều người dùng có thể chat với nhau và lưu lại lịch sử các tin nhắn này. Việc này được thực hiện thông qua sự giao tiếp giữa Server và Client. Khi một Client thực hiện việc gửi một đoạn tin nhắn, Server sẽ lắng nghe sự kiện này, sau đó Server xử lý đoạn tin nhắn đó và tạo ra một sự kiện gửi lại đoạn tin nhắn cho toàn bộ các Client đang kết nối, Các client này tự động lắng nghe sự kiện mà Server gửi lại và thực thi một phương thức cho phép tạo ra code HTML và hiển thị lên màn hình. Tóm tắt 3 bước hoạt động:
Tạo trước một trang Web HTML tĩnh:Bạn có thể tham khảo đoạn code dưới đây, hoặc nếu không thích thì bạn hãy tự tạo ra cho mình theo phong cách riêng:
Node.js ServerTrước hết bạn cần khởi tạo một project Node.js mới, sau đó tải bộ plugin WebSocket-Node về server vừa tạo:
Websocket server templateHãy thêm đoạn code dưới đây vào file app.js (hoặc index.js) của Node.js:
Tất nhiên đây chỉ là cái sườn để bạn có thể thấy khái quát chúng ta sẽ làm gì tiếp theo. Hãy sửa lại một chút theo như bên dưới nào:
Đó là toàn bộ code của phía Server, tôi đã thêm một số comment bằng tiếng Anh, bạn hãy chịu khó đọc và dịch, sẽ tốt hơn cho vốn tiếng Anh của bạn đó. Frontend applicationHãy tạo mới một file Javascript và import vào trong file HTML đã tạo ở trên. Sau đó thêm đoạn code dưới đây vào:
Đó là cái sườn để bạn có thể hình dung các phương thức sẽ hoạt động như thế nào. Giờ hãy cùng sửa lại với bộ code chuẩn:
Cơ bản vậy là xong rồi đó. Giờ là đến màn chạy thử:
Nếu chạy đúng, dòng dưới đây sẽ hiển thị trên cửa sổ console:
Giờ bạn có thể mở file HTML khi nãy và thực hiện chat thử, mỗi một cửa sổ trình duyệt mở vào file HTML đó sẽ được coi như một người dùng khác. Hy vọng bài viết này sẽ giúp ích cho bạn trong tương lai! Nguồn tham khảo:https://medium.com/@martin.sikora/node-js-websocket-simple-chat-tutorial-2def3a841b61 |