WebSocket Client and The Server Implementation for NodeJs

Posted By : Pranav Kakkar | 13-Aug-2019

The WebSocket determination characterizes an API building up "attachment" associations between an internet browser and a server. In plain words: there is a tireless association between the customer and the server and the two gatherings can begin sending information at any time. The customer sets up a WebSocket association through a procedure known as the WebSocket handshake. This procedure begins with the customer sending an ordinary HTTP solicitation to the server. An Upgrade header is incorporated into this solicitation which advises the server that the customer wishes to build up a WebSocket association. 

We should perceive how opening a WebSocket association looks like on the customer side:

/Create another WebSocket with an encoded association.
var attachment = new WebSocketConnection('ws://websocketConnect.example.com'); 

WebSocket URLs utilize the ws plot. There is likewise wss for secure WebSocket associations which is what might be compared to HTTPS. 

This plan just begins the way toward opening a WebSocket association towards websocket.example.com. 

Here is a disentangled case of the underlying solicitation headers. 

GET ws://websocketConnect.example.com/HTTP/1.1
Root: http://examplewebsocketConnect.com 
Association: Upgrade
Host: websocketConnect.examplewebsocketConnect.com
Redesign: websocketConnect

In the event that the server underpins the WebSocket convention, it will consent to the update and will impart this through the Upgrade header in the reaction. 

How about we perceive how this can be executed in Node.JS: 

// WebSocket implementation
var WebSocketConnectServer = require('websocketConnect').server;
var http = require('http');

var server = http.createWebSocketServer(function(request, response) {
// process HTTP request. 
server.listen(1993, function() { });

// create the server
wsConnectServer = new WebSocketConnectServer({
httpServer: server

// WebSocket server
wsConnectServer.on('request', function(request) {
var newConnection = request.accept(null, request.origin);

// This is most important callback for the developer, we will handle
// all messages from users here.
newConnection.on('message', function(message) {
// Process WebSocket message

newConnection.on('close', function(newConnection) {
// Connection closes

After the association is built up, the server answers by redesigning: 

When the association has been built up, the open occasion will be terminated on your WebSocket occurrence on the customer side: 

var webSocket = new WebSocketConnection('ws://websocketConnect.example.com');

// Let's show a message of the connection when the WebSocket is opened.
webSocket.onopen = function(event) {
console.log('The WebSocket is now connected.');

Since the handshake is finished the underlying HTTP association is supplanted by a WebSocket association that uses the equivalent basic TCP/IP association. Now, either gathering can begin sending information. 

With WebSockets, you can move as much information as you like without causing the overhead connected with customary HTTP demands. Information is moved through a WebSocket as messages, every one of which comprises of at least one edges containing the information you are sending (the payload). So as to guarantee the message can be appropriately reproduced when it arrives at the customer each edge is prefixed with 4–12 bytes of information about the payload. Utilizing this casing based informing framework diminishes the measure of non-payload information that is moved, prompting critical decreases in dormancy. 

Note: It's significant that the customer might be informed about another message once the majority of the casings have been gotten and the first message payload has been remade.

About Author

Author Image
Pranav Kakkar

Pranav is a sharp intellectual UI Developer, he has a good Knowledge of HTML, CSS. His hobbies are Playing Cricket, Football, listening Music.

Request for Proposal

Name is required

Comment is required

Sending message..