Point to the absolute URL of the image in the 'Icon' field under 'App Stream Image'.

To specify the URL used to load your app stream, type it in the <iframe> URL field (ex. https://localhost/app.html).

Click Save.

You have now created a stream for your app.

On your web server

3. JS Library Setup

In order to enable your app's ability to send and receive messages to and from the Hootsuite dashboard, you will need to add a reference to the Hootsuite hosted portion of the App Directory SDK. This file is located here:

4. App Receiver Setup

In order to receive events from the Hootsuite dashboard, your my_receiver.html will need to reference your locally downloaded copy of app_receiver.js. To accomplish this, add the following HTML snippet to the top of the <body> section of your my_receiver.html file:

<script src="https://<YOUR DOMAIN>/app_receiver.js"></script>

Where <YOUR DOMAIN> is your local domain (ex. localhost).

You have now set up the communication channels for your app to send and receive messages to and from the Hootsuite dashboard. Next, you will add the code to actually use this communication layer.

5. App-Dashboard Event Setup

In my_app.html, initialize the JS API using the hsp.init function and set the hsp parameters: