. Know about the Web Socket and setup WebSocket in Javascript HTML page Skip to main content

Know about the Web Socket and setup WebSocket in Javascript HTML page

 

WebSockets is a protocol for providing full-duplex communication channels over a single TCP connection. It allows for real-time, two-way communication between a client and a server, which makes it ideal for web applications that require continuous updates from the server or that need to send frequent updates to the server.

Here are some basic information about WebSockets:

  • WebSockets are designed to work over a single TCP connection, which means that they are more efficient than other protocols like HTTP that require multiple connections for each request/response cycle.
  • WebSockets use a persistent connection between the client and server, which allows for real-time communication without the need for frequent polling or long-polling requests.
  • The WebSocket protocol uses a message-based model for sending and receiving data, which means that data is transmitted as a stream of messages rather than a series of HTTP requests and responses.
  • WebSockets support binary data transmission, which means that they can be used to transmit audio, video, and other types of multimedia content.
  • The WebSocket protocol is supported by all modern web browsers and can be used with most web servers.
  • WebSocket connections can be secured using SSL/TLS encryption to provide secure communication between the client and server.
  • WebSockets can be used for a wide range of applications, including real-time chat applications, multiplayer games, stock tickers, and other types of real-time data streams.


Here's an example HTML/JavaScript page that you can use to load the chat using WebSocket:


        var socket = new WebSocket("ws://BASE_URL/");

        socket.onopen = function(event) {
            console.log("WebSocket connected");
        };

        socket.onmessage = function(event) {
            console.log("Received message:", event.data);
            // process received message here
        };

        socket.onclose = function(event) {
            console.log("WebSocket closed with code:", event.code);
        };

        socket.onerror = function(event) {
            console.error("WebSocket error:", event);
        };

        function sendMessage() {
            var messageInput = document.getElementById("message-input");
            var message = messageInput.value;
            socket.send(message);
            messageInput.value = "";
        }



    
WebSocket Chat Client
Labels:

Comments

New comments are not allowed.

Popular posts from this blog

Day 9 - Challenge 1 - Product of Array Except Self

Solving the "Product of Array Except Self" Problem in JavaScript Are you ready to dive into a common coding challenge that not only tests your programming skills but also sharpens your problem-solving mindset? If you're up for the challenge, let's tackle the "Product of Array Except Self" problem together using JavaScript. This problem requires us to return an array where each element at index i is the product of all the elements in the original array except the one at index i . Understanding the Problem:   Imagine you're given an array of integers, let's call it nums . Your task is to create a new array where the value at index i in this new array is the product of all the elements in nums , except the one at index i . In other words, you're calculating the product of all the elements to the left of nums[i] and the product of all the elements to the right of nums[i] , and then multiplying these two products to get the final value at index i ...
Post a Comment
Read more

Day 8 - Challenge 3 - Unique Email Addresses

Solving the Problem of Counting Unique Email Addresses in JavaScript Introduction:  In today's digital age, email communication is an integral part of our lives. However, dealing with unique email addresses can sometimes be challenging due to variations that arise from period usage and the '+' character. In this blog post, we will explore how to tackle the problem of counting unique email addresses using JavaScript. Problem Statement: We are given a list of email addresses, and our task is to determine the number of unique email addresses. A unique email address consists of a local name and a domain name. The local name may contain periods ('.') and the character '+' which is ignored. Example:  Let's consider the following list of email addresses: "test.email+abc@gmail.com" "test.e.mail@gmail.com" "testemail@gmail.com" In this case, the number of unique email addresses is 1, as all three email addresses map to the same uniqu...
Post a Comment
Read more

Day 9 - Challenge 2 - Reverse Linked List

Reversing a Singly Linked List in JavaScript: An In-Place Approach Introduction:   Singly linked lists are fundamental data structures in computer science that consist of a sequence of nodes, each containing data and a reference to the next node in the list. Reversing a singly linked list is a classic problem that challenges programmers to manipulate pointers effectively to achieve the desired outcome. In this blog post, we'll explore the problem of reversing a singly linked list using an in-place approach and provide a step-by-step solution in JavaScript. Problem Statement:   Given the head of a singly linked list, our task is to reverse the list in-place and return its new head. In other words, we need to modify the pointers of the nodes in such a way that the direction of the linked list is reversed. Solution Approach:   To solve this problem, we will iterate through the linked list while maintaining three pointers: previous , current , and next . The previous pointer...
Post a Comment
Read more