Data Sharing Between Apps

Channels

JavaScript

Adding Channels to Your App

To add the Channel Selector to your window, you need to set allowChannels to true in your application configuration file, under the details top-level key:

{
    "title": "Client List 🔗",
    "type": "window",
    "name": "channelsclientlist",
    "icon": "https://dev-enterprise-demos.tick42.com/resources/icons/clients.ico",
    "details": {
        "url": "https://dev-enterprise-demos.tick42.com/client-list-portfolio-contact/#/clientlist",
        "mode": "tab",
        "allowChannels": true
    }
}

Subscribing for Data

The Channels API is disabled by default. To enable it, you have to set the channels property of the configuration object to true when initializing the Glue42 library.

const config = { channels: true };

window.glue = await Glue(config);

The Channels API can be accessed through the glue.channels object.

See our JavaScript Channels example on GitHub.

To track the data in the current Channel, use the glue.channels.subscribe() method:

// Subscribe for updates from the Channel your application is currently on.
glue.channels.subscribe((data, channelInfo) => {
    // The callback will be invoked each time the data is updated. 
});

The callback receives :

• data - the current data from the Channel;
• channelInfo - information about the Channel you are currently on;

The callback will be invoked in three cases:

• the data of the Channel you are currently on is updated;
• the user has switched the Channel and you are receiving a snapshot of the new Channel data;
• your app is now not joined to any Channel (e.g., the user has deselected the current Channel). In this case, both data and channelInfo will be undefined;

To subscribe for updates from a specific Channel, use:

glue.channels.subscribeFor("Green", (data, channelInfo) => {
    // The callback will be invoked each time the data is updated. 
});

The subscribeFor() method accepts a Channel name as a first parameter and a callback to handle Channel data updates.

Publishing Data

To update the context of the Channel, use glue.channels.publish(). The publish() method accepts two parameters. The first parameter is the data to publish, which is required. The second parameter is an optional Channel ID specifying which Channel context to update. If you do not specify a Channel ID, the current Channel will be updated.

Updating the current Channel:

glue.channels.publish({ RIC: "VOD.L" });

Updating a specific Channel:

glue.channels.publish({ RIC: "VOD.L" }, "Green");

Note that a Channel may contain multiple data structures, e.g. RIC and clientId. When executing the code above, this will update only the RIC field, leaving the other fields of the context unchanged.

The publish() method will throw an exception, if you are not on a Channel and try to publish data.

Retrieving Channel Context

To get the context of a Channel, use the glue.channels.get() method:

const data = await glue.channels.get("Green");

The get() method accepts a Channel name as a required parameter.

Current Channel

To get the name of the Channel your application is currently on, use the glue.channels.current() method:

let myChannel = glue.channels.current();

If you want to monitor how your app moves between Channels, you can subscribe to updates with the glue.channels.changed() method:

glue.channels.changed((newChannel) => {
    if (!newChannel) {
        // Handle the case where your app is not joined to any Channel 
        // (e.g., the user has deselected the current Channel).
    } else {
        // Handle the case where you have switched to another Channel. 
    }
});

Reference

Reference