Get started with Relay Hybrid Connections WebSockets in Node.js

In this quickstart, you create Node.js sender and receiver applications that send and receive messages by using Hybrid Connections WebSockets in Azure Relay. To learn about Azure Relay in general, see Azure Relay.

In this quickstart, you take the following steps:

  1. Create a Relay namespace by using the Azure portal.
  2. Create a hybrid connection in that namespace by using the Azure portal.
  3. Write a server (listener) console application to receive messages.
  4. Write a client (sender) console application to send messages.
  5. Run applications.

Prerequisites

Create a namespace

  1. Sign in to the Azure portal.
  2. In the left menu, select + Create a resource. Then, select Integration > Relay. If you don't see Relay in the list, select See All in the top-right corner.
  3. Under Create namespace, enter a namespace name. The system immediately checks to see if the name is available.
  4. In the Subscription box, select an Azure subscription in which to create the namespace.
  5. In the Resource group box, select an existing resource group in which to place the namespace, or create a new one.
  6. In Location, select the country or region in which your namespace should be hosted.

    Create namespace

  7. Select Create. The system creates your namespace and enables it. After a few minutes, the system provisions resources for your account.

Get management credentials

  1. Select All resources, and then select the newly created namespace name.
  2. Under the Relay namespace, select Shared access policies.
  3. Under Shared access policies, select RootManageSharedAccessKey.

    connection-info

  4. Under Policy: RootManageSharedAccessKey, select the Copy button next to Connection string–Primary key. This copies the connection string to your clipboard for later use. Paste this value into Notepad or some other temporary location.

    connection-string

  5. Repeat the preceding step to copy and paste the value of Primary key to a temporary location for later use.

Create a hybrid connection

Ensure that you have already created a Relay namespace.

  1. Sign in to the Azure portal.
  2. In the left menu, select All resources.
  3. Select the namespace where you want to create the hybrid connection. In this case, it is mynewns.
  4. Under Relay namespace, select Hybrid Connections.

    Create a hybrid connection

  5. In the namespace overview window, select + Hybrid Connection

    Select the hybrid connection

  6. Under Create Hybrid Connection, enter a value for the hybrid connection name. Leave the other default values.

    Select New

  7. Select Create.

Create a server application (listener)

To listen and receive messages from the Relay, write a Node.js console application.

Create a Node.js application

Create a new JavaScript file called listener.js.

Add the Relay NPM package

Run npm install hyco-ws from a Node command prompt in your project folder.

Write some code to receive messages

  1. Add the following constant to the top of the listener.js file.

    const WebSocket = require('hyco-ws');
    
  2. Add the following constants to the listener.js file for the hybrid connection details. Replace the placeholders in brackets with the values you obtained when you created the hybrid connection.

    1. const ns - The Relay namespace. Be sure to use the fully qualified namespace name; for example, {namespace}.servicebus.windows.net.
    2. const path - The name of the hybrid connection.
    3. const keyrule - The name of the SAS key.
    4. const key - The SAS key value.
  3. Add the following code to the listener.js file:

    var wss = WebSocket.createRelayedServer(
    {
        server : WebSocket.createRelayListenUri(ns, path),
        token: WebSocket.createRelayToken('http://' + ns, keyrule, key)
    }, 
    function (ws) {
        console.log('connection accepted');
        ws.onmessage = function (event) {
            console.log(event.data);
        };
        ws.on('close', function () {
            console.log('connection closed');
        });       
    });
    
    console.log('listening');
    
    wss.on('error', function(err) {
        console.log('error' + err);
    });
    

    Here is what your listener.js file should look like:

    const WebSocket = require('hyco-ws');
    
    const ns = "{RelayNamespace}";
    const path = "{HybridConnectionName}";
    const keyrule = "{SASKeyName}";
    const key = "{SASKeyValue}";
    
    var wss = WebSocket.createRelayedServer(
        {
            server : WebSocket.createRelayListenUri(ns, path),
            token: WebSocket.createRelayToken('http://' + ns, keyrule, key)
        }, 
        function (ws) {
            console.log('connection accepted');
            ws.onmessage = function (event) {
                console.log(event.data);
            };
            ws.on('close', function () {
                console.log('connection closed');
            });       
    });
    
    console.log('listening');
    
    wss.on('error', function(err) {
        console.log('error' + err);
    });
    

Create a client application (sender)

To send messages to the Relay, write a Node.js console application.

Create a Node.js application

Create a new JavaScript file called sender.js.

Add the Relay NPM package

Run npm install hyco-ws from a Node command prompt in your project folder.

Write some code to send messages

  1. Add the following constants to the top of the sender.js file.

    const WebSocket = require('hyco-ws');
    const readline = require('readline')
        .createInterface({
            input: process.stdin,
            output: process.stdout
        });;
    
  2. Add the following constants to the sender.js file for the hybrid connection details. Replace the placeholders in brackets with the values you obtained when you created the hybrid connection.

    1. const ns - The Relay namespace. Be sure to use the fully qualified namespace name; for example, {namespace}.servicebus.windows.net.
    2. const path - The name of the hybrid connection.
    3. const keyrule - The name of the SAS key.
    4. const key - The SAS key value.
  3. Add the following code to the sender.js file:

    WebSocket.relayedConnect(
        WebSocket.createRelaySendUri(ns, path),
        WebSocket.createRelayToken('http://'+ns, keyrule, key),
        function (wss) {
            readline.on('line', (input) => {
                wss.send(input, null);
            });
    
            console.log('Started client interval.');
            wss.on('close', function () {
                console.log('stopping client interval');
                process.exit();
            });
        }
    );
    

    Here is what your sender.js file should look like:

    const WebSocket = require('hyco-ws');
    const readline = require('readline')
        .createInterface({
            input: process.stdin,
            output: process.stdout
        });;
    
    const ns = "{RelayNamespace}";
    const path = "{HybridConnectionName}";
    const keyrule = "{SASKeyName}";
    const key = "{SASKeyValue}";
    
    WebSocket.relayedConnect(
        WebSocket.createRelaySendUri(ns, path),
        WebSocket.createRelayToken('http://'+ns, keyrule, key),
        function (wss) {
            readline.on('line', (input) => {
                wss.send(input, null);
            });
    
            console.log('Started client interval.');
            wss.on('close', function () {
                console.log('stopping client interval');
                process.exit();
            });
        }
    );
    

Run the applications

  1. Run the server application: from a Node.js command prompt type node listener.js.
  2. Run the client application: from a Node.js command prompt type node sender.js, and enter some text.
  3. Ensure that the server application console outputs the text that was entered in the client application.

    running-applications

Congratulations, you have created an end-to-end Hybrid Connections application using Node.js!

Next steps

In this quickstart, you created Node.js client and server applications that used WebSockets to send and receive messages. The Hybrid Connections feature of Azure Relay also supports using HTTP to send and receive messages. To learn how to use HTTP with Azure Relay Hybrid Connections, see the Node.js HTTP quickstart.

In this quickstart, you used Node.js to create client and server applications. To learn how to write client and server applications using .NET Framework, see the .NET WebSockets quickstart or the .NET HTTP quickstart.