Làm cách nào để liên kết socket.io trong html?
Với mục đích này, nó dựa vào Engine. IO, lần đầu tiên thiết lập kết nối bỏ phiếu dài, sau đó cố gắng nâng cấp lên các phương tiện vận chuyển tốt hơn đã được "thử nghiệm" ở bên cạnh, như WebSocket. Vui lòng xem phần Mục tiêu để biết thêm thông tin Show
Hỗ trợ tự động kết nối lạiTrừ khi có hướng dẫn khác, máy khách bị ngắt kết nối sẽ cố gắng kết nối lại mãi mãi cho đến khi máy chủ khả dụng trở lại. Vui lòng xem các tùy chọn kết nối lại có sẵn tại đây phát hiện ngắt kết nốiMột cơ chế nhịp tim được thực hiện tại Engine. Cấp IO, cho phép cả máy chủ và máy khách biết khi nào máy kia không phản hồi nữa Chức năng đó đạt được với bộ hẹn giờ được đặt trên cả máy chủ và máy khách, với các giá trị thời gian chờ (tham số // with npm npm install socket.io // with yarn yarn add socket.io0 và // with npm npm install socket.io // with yarn yarn add socket.io1) được chia sẻ trong quá trình bắt tay kết nối. Những bộ tính giờ đó yêu cầu mọi cuộc gọi máy khách tiếp theo phải được chuyển hướng đến cùng một máy chủ, do đó yêu cầu // with npm npm install socket.io // with yarn yarn add socket.io2 khi sử dụng nhiều nút hỗ trợ nhị phânBất kỳ cấu trúc dữ liệu tuần tự hóa nào cũng có thể được phát ra, bao gồm
API đơn giản và thuận tiệnmã mẫu io.on('connection', socket => { socket.emit('request', /* … */); // emit an event to the socket io.emit('broadcast', /* … */); // emit an event to all connected sockets socket.on('reply', () => { /* … */ }); // listen to the event }); Qua trình duyệtHỗ trợ trình duyệt được thử nghiệm trong Sauce Labs hỗ trợ ghép kênhĐể tạo sự phân tách các mối quan tâm trong ứng dụng của bạn (ví dụ: theo mô-đun hoặc dựa trên quyền), Socket. IO cho phép bạn tạo một số // with npm npm install socket.io // with yarn yarn add socket.io3, sẽ hoạt động như các kênh liên lạc riêng biệt nhưng sẽ chia sẻ cùng một kết nối cơ bản hỗ trợ phòngTrong mỗi // with npm npm install socket.io // with yarn yarn add socket.io4, bạn có thể xác định các kênh tùy ý, được gọi là // with npm npm install socket.io // with yarn yarn add socket.io5, mà các ổ cắm có thể tham gia và rời khỏi. Sau đó, bạn có thể phát đến bất kỳ phòng cụ thể nào, tiếp cận mọi ổ cắm đã tham gia vào phòng đó Đây là một tính năng hữu ích để gửi thông báo tới một nhóm người dùng hoặc tới một người dùng nhất định được kết nối trên một số thiết bị chẳng hạn Ghi chú. Ổ cắm. IO không phải là triển khai WebSocket. ổ cắm dù. IO thực sự sử dụng WebSocket làm phương tiện vận chuyển khi có thể, nó thêm một số siêu dữ liệu vào mỗi gói. loại gói, không gian tên và id xác nhận khi cần xác nhận tin nhắn. Đó là lý do tại sao máy khách WebSocket sẽ không thể kết nối thành công với Ổ cắm. Máy chủ IO và Ổ cắm. Máy khách IO sẽ không thể kết nối với máy chủ WebSocket (như // with npm npm install socket.io // with yarn yarn add socket.io6). Vui lòng xem đặc tả giao thức tại đây Cài đặt// with npm npm install socket.io // with yarn yarn add socket.io Cách sử dụngVí dụ sau gắn ổ cắm. io thành một nút đơn giản. Máy chủ HTTP JS đang nghe trên cổng // with npm npm install socket.io // with yarn yarn add socket.io7 // with npm npm install socket.io // with yarn yarn add socket.io0 độc lập// with npm npm install socket.io // with yarn yarn add socket.io1 cú pháp mô-đun// with npm npm install socket.io // with yarn yarn add socket.io2 Kết hợp với ExpressBắt đầu với 3. 0, các ứng dụng cấp tốc đã trở thành các chức năng xử lý yêu cầu mà bạn chuyển đến các phiên bản // with npm npm install socket.io // with yarn yarn add socket.io8 hoặc // with npm npm install socket.io // with yarn yarn add socket.io8 // with npm npm install socket.io // with yarn yarn add socket.io00. Bạn cần chuyển // with npm npm install socket.io // with yarn yarn add socket.io00 đến // with npm npm install socket.io // with yarn yarn add socket.io02 chứ không phải chức năng ứng dụng cấp tốc. Đồng thời đảm bảo gọi cho // with npm npm install socket.io // with yarn yarn add socket.io03 trên số // with npm npm install socket.io // with yarn yarn add socket.io04, không phải số // with npm npm install socket.io // with yarn yarn add socket.io05 // with npm npm install socket.io // with yarn yarn add socket.io1 Kết hợp với Koathích nhanh. JS, Koa hoạt động bằng cách hiển thị ứng dụng dưới dạng chức năng xử lý yêu cầu, nhưng chỉ bằng cách gọi phương thức // with npm npm install socket.io // with yarn yarn add socket.io06 // with npm npm install socket.io // with yarn yarn add socket.io3 Kết hợp với FastifyTích hợp Socket. io trong ứng dụng Fastify của bạn, bạn chỉ cần đăng ký plugin // with npm npm install socket.io // with yarn yarn add socket.io07. Nó sẽ tạo một // with npm npm install socket.io // with yarn yarn add socket.io08 có tên là // with npm npm install socket.io // with yarn yarn add socket.io09 // with npm npm install socket.io // with yarn yarn add socket.io7 Tài liệuVui lòng xem tài liệu tại đây Mã nguồn của trang web có thể được tìm thấy ở đây. Đóng góp được hoan nghênh Gỡ lỗi đăng nhậpỔ cắm. IO được cung cấp bởi gỡ lỗi. Để xem tất cả đầu ra gỡ lỗi, hãy chạy ứng dụng của bạn với biến môi trường // with npm npm install socket.io // with yarn yarn add socket.io10 bao gồm phạm vi mong muốn Để xem đầu ra từ tất cả các Ổ cắm. Phạm vi gỡ lỗi của IO bạn có thể sử dụng // with npm npm install socket.io // with yarn yarn add socket.io9 thử nghiệmio.on('connection', socket => { socket.emit('request', /* … */); // emit an event to the socket io.emit('broadcast', /* … */); // emit an event to all connected sockets socket.on('reply', () => { /* … */ }); // listen to the event });0 Điều này chạy tác vụ // with npm npm install socket.io // with yarn yarn add socket.io11 // with npm npm install socket.io // with yarn yarn add socket.io12. Theo mặc định, bài kiểm tra sẽ được chạy với mã nguồn trong thư mục // with npm npm install socket.io // with yarn yarn add socket.io13 Đặt biến môi trường // with npm npm install socket.io // with yarn yarn add socket.io14 thành // with npm npm install socket.io // with yarn yarn add socket.io15 để kiểm tra phiên bản mã es5-compat đã dịch mã Tác vụ // with npm npm install socket.io // with yarn yarn add socket.io11 // with npm npm install socket.io // with yarn yarn add socket.io12 sẽ luôn dịch mã nguồn sang es5 và xuất sang // with npm npm install socket.io // with yarn yarn add socket.io18 trước khi chạy thử nghiệm ủng hộHỗ trợ chúng tôi bằng một khoản đóng góp hàng tháng và giúp chúng tôi tiếp tục các hoạt động của mình. [Trở thành người ủng hộ] nhà tài trợTrở thành nhà tài trợ và nhận logo của bạn trên README của chúng tôi trên Github cùng với liên kết đến trang web của bạn. [Trở thành nhà tài trợ] có ổ cắm. IO cần HTTP?js) và Ổ cắm. Máy khách IO (trình duyệt, Nút. js hoặc ngôn ngữ lập trình khác) được thiết lập với kết nối WebSocket bất cứ khi nào có thể và sẽ sử dụng HTTP long-polling làm dự phòng .
Làm cách nào để kết nối với ổ cắm trong JavaScript?Để mở kết nối websocket, chúng tôi cần tạo WebSocket mới bằng giao thức đặc biệt ws trong url . hãy để socket = new WebSocket("ws. //javascript. info"); Ngoài ra còn có wss được mã hóa. // giao thức. Nó giống như HTTPS cho ổ cắm web.
Cách sử dụng Ổ cắm. IO ở giao diện người dùng?Vì vậy, sau khi bạn đã xác định và khởi tạo biến máy chủ của mình, bạn sẽ thực hiện. const io = require("ổ cắm. io")(server); Bây giờ, io là tham chiếu đến ổ cắm của bạn. phiên bản máy chủ io ở phía máy chủ và nó có thể được sử dụng để phát ra cho tất cả các máy khách được kết nối với io.
Tôi có thể sử dụng Ổ cắm không. IO không có cổng?Đối với https , nếu không có số cổng nào được chỉ định thì trình duyệt sẽ mặc định là cổng 443 . Vì vậy, nếu bạn muốn sử dụng URL https không có số cổng, thì máy chủ của bạn cần lắng nghe trên cổng 443 vì đó là số cổng mặc định mà trình duyệt sẽ sử dụng khi không có số cổng nào được chỉ định trong URL https. |