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:

    Creating the application

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

    Loading...
  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:

Loading...