Creating a WebSocket Server Project with Node.js

This tutorial uses Visual Studio Code that can be downloaded for free.

Creating the WebSocket Server Project

1. Open a Node.js command prompt, create an empty folder called "websocket-server", navigate into and type in the following command to install Express, the minimalist web framework for node:

   npm i express

2. Now, install the WebSocket Server package of TX Text Control:

   npm i @txtextcontrol/tx-websocket-server

3. Open this folder in Visual Studio Code by typing in the following command:

   code .

4. In Visual Studio Code, create a new file named app.js in the project's root folder:

   Copy the following code into this JavaScript file and save it:

   	const { WebSocketServer } = require('@txtextcontrol/tx-websocket-server');
   	const express = require('express');
   	const app = express();
   	const server = app.listen(8080);
   	var wsServer = new WebSocketServer(server);

   view raw app.js hosted with ❤ by GitHub

5. Back in the command prompt, start the Node.js application by typing in the following command:

   node app.js

Connecting the Angular Application

When connecting an Angular based document editor application with this Node.js WebSocket Server, add this endpoint to the webSocketURL parameter: