JavaScript Client | 60East Technologies

powerful. fast. easy.

The AMPS JavaScript Client lets you write cross-platform messaging applications for both web apps working in a browser, as well as server-side applications that use Node.js. It uses the power of WebSocket technology combined with asyncronous nature of JavaScript.

Quick Start

Once the client is downloaded, it can be used in your JavaScript/TypeScript projects:

Node.js

1
2

const { Client } = require('amps');
console.log(Client.version());

TypeScript / ES6

// NPM installation: Import everything at once
import * as amps from 'amps';
console.log(amps.Client.version());

// or

// NPM installation: This way the final bundle can be smaller
import { Client, Command } from 'amps';
console.log(Client.version());

// Manual installation (don't forget to add a typing reference):
/// <reference path="./amps.d.ts" />
import * as amps from './amps';
import { Client, Command } from './amps';

Application That Uses AMD Modules

1
2
3

define(['dist/amps'], amps => {
    console.log(amps.Client.version());
});

Global Import in Browsers

1
2
3

<!-- Optional import, support for obsolete browsers like IE11 -->
<script src="es6-promise.min.js"></script>
<script src="amps.js"></script>

You are now ready to use AMPS in your project!

Here are a few JavaScript examples to get you started:

Example 1: Connect and Subscribe

In this example, we connect to an AMPS server running locally and initiate a subscription to the orders topic.

import { Client } from 'amps';


(async () => {
  const client = new Client('my-application');

  try {
    await client.connect('ws://localhost:9100/amps/json');

    // Connected, let's subscribe to a topic now
    const subscriptionId = await client.subscribe(
        message => console.log(message.data),
        'orders'
    );

    // Once we subscribed, the subscriptionId is returned
    console.log(subscriptionId);

    client.publish('orders', {order: 'Tesla 3', qty: 10});
  }
  catch (err) {
    // This can be either a connection error or a subscription error
    console.log(err);
  }
})();

As new orders are posted, the message handler is invoked with each message, and prints the data of each order to the console:

const onMessage = message => console.log('message: ', message);

// ... in asynchronous context
try {
  // subscribe for the first topic
  await client.subscribe(onMessage, 'orders');

  // second subscription
  await client.subscribe(onMessage, 'reservations');

  // third subscription
  await client.subscribe(onMessage, 'notifications');
}
catch (err) {
  // if any subscription failed, the error will end up here
  console.error('subscription error:', err);
}

Since every command (except publish()) is asynchronous and returns a Promise object, it is very easy to chain commands and handle errors.

Example 2: Publish a Message

With AMPS, publishing is simple, as shown in this example. We connect to an AMPS server running locally, and publish a single message to the messages topic. To simply publish a message, there is no need to predeclare the topic or configure complex routing. Any subscription that has asked for XML messages on the messages topic will receive the message.

// ... in asynchronous context
try {
  const client = new Client('publish-example');
  await client.connect('ws://localhost:9100/amps/xml');
  client.publish('messages', '<hi>Hello, world!</hi>');
}
catch (err) {
  console.log(err);
}

Example 3: Disconnect Handling

In this example, we need to be subscribed to the orders topic, even if connectivity to our AMPS server is temporarily interrupted. We use a reconnect function to enable recovery from a connection error. When AMPS detects a connection error, the reconnect function is called from errorHandler to re-establish connection, and then subscribes to the topic again once a successful connection is made. Notice that the errorHandler is only called after a successful connection has been established, otherwise a connection error is caught by the catch callback of the connect Promise.

import { Client } from 'amps';


// simple sleep/pause async function
const sleep = interval => new Promise(
    resolve => setTimeout(resolve, interval)
);

// Assign an error handler that will handle general error 
// such as disconnects
const client = new Client('my-app').errorHandler(async err => {
    // Error handler is only called if an error occurred after
    // a successful connection has been established.
    client.disconnect();

    // wait for 5 seconds before attempting to connect
    console.error(err, 'Reconnecting after 5 seconds...');
    await sleep(5000);

    reconnect();
});

async function reconnect() {
    try {
      await client.connect('wss://localhost:9100/amps/json');

      // connected, let's subscribe
      try {
          await client.subscribe(
              message => console.log('message: ', message),
              'orders'
          );
      }
      catch (err) {
        console.error('Subscription error: ', err);
      }
    }
    catch (err) {
      console.error('Connection error: ', err);
      await sleep(5000);
      reconnect();
    }
}

// Begin by connecting and subscribing
reconnect();

Example 4: Query the Contents of a State-of-the-World Topic

State-of-the-World ("SOW") topics in AMPS combine the power of a database table with the performance of a publish-subscribe system. Use the AMPS JavaScript client to query the contents of a SOW topic.

// ... in asynchronous context
try {
  const client = new Client('my-application');
  await client.connect('ws://localhost:9100/amps/json');
  await client.sow(
      message => {
        if (message.header.command() == 'sow') {
            console.log(message.data);
        }
      },
      'orders',
      "/symbol='ROL'",
      {
          batchSize: 100,
          timeout: 5000
      }
  );
}
catch (err) {
  console.error('Error: ', err);
}

This example queries for all orders for the symbol ROL, and simply prints the messages to the console.

Example 5: Command Interface

Even though AMPS clients provide the above named convenience methods for core AMPS functionality, you can use the Command object to customize the messages that AMPS sends. This is useful for more advanced scenarios where you need precise control over the message, or in cases where you need to use an earlier version of the client to communicate with a more recent version of AMPS, or in cases where a named method is not available.

// ... in asynchronous context
try {
  const client = new Client('my-application');
  await client.connect('ws://localhost:9100/amps/json')

  const subCmd = new Command('subscribe')
                     .topic('messages')
                     .filter('/id > 20');

  await client.execute(
      subCmd, 
      message => console.log('message: ', message.data)
  );
}
catch (err) {
  console.error('Error: ', err);
}

This example provides the subscription to a messages topic with a filter applied.

AMPS Server Configuration for Websockets

To configure AMPS for Websocket support, you need to specify the following Transport:

<Transports>
    <Transport>
        <Name>json-websocket</Name>
        <Type>tcp</Type>
        <Protocol>websocket</Protocol>
        <InetAddr>9100</InetAddr>
        <MessageType>json</MessageType>
    </Transport>
</Transports>

With the above configuration, AMPS will listen for incoming Websocket connections on port 9100 and will support the json message type. To use TLS/SSL, you'd specify a Certificate and PrivateKey (and optionally the Ciphers):

<Transport>
    <Name>json-websocket-secure</Name>
    <Type>tcp</Type>
    <Protocol>websocket</Protocol>
    <InetAddr>9443</InetAddr>
    <MessageType>json</MessageType>
    <Certificate>./cert.pem</Certificate>
    <PrivateKey>./key.pem</PrivateKey>
    <Ciphers>HIGH:!aNULL:!MD5:@STRENGTH</Ciphers>
</Transport>

Authentication

AMPS provides an option for websocket protocol that controls authentication: WWWAuthenticate. This option provides a flexible way of setting up authorization for the JavaScript client.

The option can have the following values:

Negotiate (Kerberos)
NTLM
Basic realm="Secure Area"

When using Negotiate or NTLM, you don't have to do anything from the JavaScript client: authentication is automatically handled by browser/environment. When using Basic Auth (we recommend using wss in this scenario), you'll need to set a URI of the form wss://user:password@ip:port/amps/json.

By default, no authentication is performed until the 'logon' command is performed after connection.

In order to enable authentication for the AMPS JavaScript client, you need to specify the following settings:

Add a protocol in the Protocols section of the config:

<Protocol>
    <Name>websocket-portal</Name>
    <Module>websocket</Module>
    <!-- Basic Auth -->
    <WWWAuthenticate>Basic realm="Secure Area"</WWWAuthenticate>
    <!-- Kerberos-->
    <WWWAuthenticate>Negotiate</WWWAuthenticate>
    <!-- NTLM -->
    <WWWAuthenticate>NTLM</WWWAuthenticate>
</Protocol>

Specify a transport in the Transports section of the config that will be used for the JavaScript client:

<Transport>
    <Name>websocket-auth</Name>
    <Type>tcp</Type>
    <Protocol>websocket-portal</Protocol>
    <InetAddr>9002</InetAddr>
</Transport>

Everything You Need

If you need more help getting started, the 60East Technologies support and services team is ready to provide the support you need to help you CRANK UP THE AMPS.

JavaScript Client API