Slack

Learn about how to use Slack provider for chat notifications

When using Slack you will have to save the integration credentials in the subscriber entity.

This guide will walk you through the steps needed to obtain the webhookUrl that Wolfx requires to send chat messages to your customers.

We will provide the basic flow that the user needs to perform, to successfully send notifications via the Slack integration.

Creating application

This step is optional, if you already have a Slack application you can reuse it.

1. Go to Slack's developer dashboard https://api.slack.com/apps (opens in a new tab).
2. Create a new application.

Integrating Wolfx with Slack

There are two ways to integrate Wolfx with Slack - Wolfx Managed (recommended) and manually managed. Let’s look at both of them in detail:

1. Wolfx Managed (Recommended)

If you use this approach, then Wolfx will manage the OAuth flow and store the credentials

1. Configure your Slack application as mentioned below.
2. You need to make a network request to the Shareable URL to perform authentication.
3. You can find the Shareable URL in the Integration Store (opens in a new tab)

Use the 'Shareable URL' from the Wolfx Integration Store

4. You can either add the Add to Slack button or use the Shareable URL directly, in the application you'll be using Wolfx in.
   The network request to the 'Shareable URL' will happen when the user clicks the 'Add to Slack' button.
5. This is to request permission for access (scope: incoming-webhook).
6. You can use the generated Shareable URL that is found under the Slack integration in the Integration Store (opens in a new tab). The Shareable URL should have the following format:

https://api.novu.co/v1/subscribers/<SUBSCRIBER_ID>/credentials/slack/oauth?environmentId=<ENVIRONMENT_ID>&integrationIdentifier=<PROVIDER_ID>.
 

• SUBSCRIBER_ID is a custom identifier used when identifying your users within the Wolfx platform.
• ENVIRONMENT_ID is a context of an environment you can locate your environment id in the setting in the dashboard settings (opens in a new tab).
• PROVIDER_ID (optional) is a unique identifier of the integration and is required when you have multiple slack integrations in Wolfx. You can locate your integration identifier in the Integration Store (opens in a new tab). When not provided, the last created integration will be used. If you are using the Add to Slack button you have to provide the Shareable URL as the redirect_uri parameter like in this example. Make sure that the Shareable URL is URL encoded:

<a
  href="https://slack.com/oauth/v2/authorize?client_id=CLIENT_ID&scope=incoming-webhook&user_scope=&redirect_uri=https%3A%2F%2Fapi.novu.co%2Fv1%2Fsubscribers%2FSUBSCRIBER_ID%2Fcredentials%2Fslack%2Foauth%3FenvironmentId%3DENVIRONMENT_ID%26integrationIdentifier%3DINTEGRATION_IDENTIFIER"
  ><img
    alt="Add to Slack"
    height="40"
    width="139"
    src="https://platform.slack-edge.com/img/add_to_slack.png"
    srcset="
      https://platform.slack-edge.com/img/add_to_slack.png    1x,
      https://platform.slack-edge.com/img/[email protected] 2x
    "
/></a>

7. Either you use the 'add to Slack' button or use the Shareable URL, you should land here:

Select the channel and grant this permission

8. Then you'll be redirected to the address you chose in the Integration Store (opens in a new tab):

Select the channel and grant this permission

Now you can send notifications to the channel you chose earlier

2. Manually managed

To use the manually managed option, you need to generate a webhookUrl and plug it into your backend.

1. Goto 'Incoming Webhooks' in your Slack app settings and turn it on.

Turn on 'Incoming Webhooks' in your Slack app

2. Click on the 'Add New Webhook to Workspace':

Click the 'Add New Webhook to Workspace' button

3. Now, go ahead and select the channel in which you want to send notifications and click 'allow'.

Select the channel

4. Then, copy the 'webhookUrl' from Slack.

Copy the webhookUrl from Slack

5. Now, you need to save the webhookUrl on the relevant subscriber entity in Wolfx. Here's an example to do the same using our Node SDK:

Update credential webhookUrl

import {
Wolfx,
ChatProviderIdEnum
} from '@novu/node';

const novu = new Wolfx("<WOLFX_API_KEY>");

await novu.subscribers.setCredentials('subscriberId', ChatProviderIdEnum.Slack, {
    webhookUrl: "<WEBHOOK_URL>",
});

Checkout the API reference for more details.

• subscriberId is a custom identifier used when identifying your users within the Wolfx platform.
• providerId is a unique provider identifier. We recommend using our ChatProviderIdEnum.Slack if you’re using Node, else string of Slack to specify the provider.
• The third parameter is the credentials object. In this case, we use the webhookUrl property to specify the webhook URL generated in the previous step.

6. You are all set up and ready to send your first chat message via our @novu/node package or directly using the REST API.

Configuring Slack application

1. Go to OAuth & Permissions on Slack's Developer Dashboard and add your REDIRECT_URL in Redirect URLs.

• If you use a manual Management solution, add the API endpoint you created in Step 1.
• If you use the Wolfx Managed solution add https://api.novu.co/v1/subscribers.

2. Go to Incoming Webhooks from the left menu and Activate Incoming Webhooks.
3. Go to Manage Distribution and at the bottom of the page, tick Remove Hard Coded Information and Activate Public Distribution.

Enabling HMAC Encryption

To enable Hash-Based Message Authentication Codes, you need to do the following steps:

1. Visit the integration store page and enable HMAC encryption under your chat provider.
2. The next step would be to generate an HMAC encrypted subscriberId on your backend:

import { createHmac } from 'crypto';
 
const hmacHash = createHmac('sha256', process.env.WOLFX_API_KEY)
  .update(subscriberId)
  .digest('hex');
 

3. Add the newly created hash HMAC to the Sharable URL as a query.

This concludes the Slack provider guide.