Bilingual

Beej's Bit Bucket
a day ago
- WebSockets enable two-way communication with a web server, reducing HTTP overhead by keeping the connection open.
- A WebSocket connection starts as HTTP and then upgrades to the WebSocket protocol, avoiding repeated request-response cycles.
- WebSockets allow the server to push unsolicited data to the client, solving a limitation of traditional HTTP.
- They use the same port as the web server (port 80) to help with firewall traversal.
- Browser support is strong except for IE9 and earlier; fallback libraries like Socket.IO can be used for older browsers.
- Practical example: a simple chat server and client implemented in NodeJS using the WebSocket protocol.
- Custom higher-level protocols (e.g., beej-chat-protocol) can be defined using JSON messages with a type and payload.
- Connection establishment involves the client requesting an upgrade; the server can accept or deny based on origin or protocol support.
- Normal communication involves sending and receiving JSON packets, with events for data arrival, closure, and errors.
Beej's Bit Bucket
a day ago
- WebSockets allow real-time two-way communication with a web server, reducing overhead compared to standard HTTP.
- The client-side implementation involves creating a WebSocket object, setting up event listeners for open, close, error, and message events, and handling them with appropriate functions.
- The chat client UI includes a chat output area, username and message input fields, and a Send button, with auto-scrolling and HTML sanitization to prevent XSS attacks.
- Security measures like escaping HTML special characters are crucial to prevent code injection from untrusted user input.
- The example code demonstrates sending messages as JSON with type and payload, and handling different message types like chat-join, chat-leave, and chat-message.
- The implementation has limitations, such as weak username tracking, lack of authentication, and poor UI and code structure for scalability.
Beej's Bit Bucket
a day ago
- The tutorial introduces WebSockets as a method for efficient two-way communication with a web server, building on a previous NodeJS webserver blog entry.
- It outlines a three-part series covering a NodeJS webserver, conceptual introduction to WebSockets, client-side chat code in JavaScript, and server-side chat code in NodeJS.
- The server-side implementation uses a WebSocket library attached to an existing HTTP server, handling connection requests, acceptance/rejection based on host whitelisting and protocol matching.
- The chat server maintains a connection list, using unique keys derived from socket addresses to manage connections without polluting the connection object.
- Incoming messages are parsed as JSON, with handlers for 'chat-join', 'chat-message', and 'chat-leave' types; messages are sanitized and broadcast to all connected clients via a broadcast() function.
- The article concludes with suggestions for future enhancements like binary data, chat rooms, or multiplexing messages.

Hasty Briefsbeta

websockets

Beej's Bit Bucket

Beej's Bit Bucket

Beej's Bit Bucket