Connect Botkit or BotBuilder to Slack
npm install botbuilder-adapter-slackConnect Botkit or BotBuilder to Slack.
This package contains an adapter that communicates directly with the Slack API,
and translates messages to and from a standard format used by your bot. This package can be used alongside your favorite bot development framework to build bots that work with Slack.
Add this package to your project using npm:
``bash`
npm install --save botbuilder-adapter-slack
Import the adapter class into your code:
`javascript`
const { SlackAdapter } = require('botbuilder-adapter-slack');
If you are starting a brand new project, follow these instructions to create a customized application template.
SlackAdapter provides a translation layer for Botkit and BotBuilder so that bot developers can connect to Slack and have access to the Slack's API.
When used in concert with Botkit, developers need only pass the configured adapter to the Botkit constructor, as seen below. Botkit will automatically create and configure the webhook endpoints and other options necessary for communicating with Slack.
Developers can then bind to Botkit's event emitting system using controller.on and controller.hears to filter and handle incoming events from the messaging platform. Learn more about Botkit's core feature →.
`javascript
const adapter = new SlackAdapter({
clientSigningSecret: process.env.SLACK_SECRET,
botToken: process.env.SLACK_TOKEN
});
const controller = new Botkit({
adapter,
// ...other options
});
controller.on('message', async(bot, message) => {
await bot.reply(message, 'I heard a message!');
});
`
Alternately, developers may choose to use SlackAdapter with BotBuilder. With BotBuilder, the adapter is used more directly with a webserver, and all incoming events are handled as Activities.
`javascript
const adapter = new SlackAdapter({
clientSigningSecret: process.env.SLACK_SECRET,
botToken: process.env.SLACK_TOKEN
});
const server = restify.createServer();
server.use(restify.plugins.bodyParser());
server.post('/api/messages', (req, res) => {
adapter.processActivity(req, res, async(context) => {
await context.sendActivity('I heard a message!');
});
});
`
Your bot application will present several important URLs. You'll need to configure your Slack application profile with these urls.
The messaging endpoint, which receives all events from Slack is: https://YOURBOT/api/messages
The default "install" URL that triggers the oauth flow for multi-team installation is https://YOURBOT/install
The oauth callback URL (or "redirect uri") that should be added to your Slack application profile is https://YOURBOT/install/auth
In the examples above, the SlackAdapter constructor received a single botToken parameters. This binds the adapter and all API calls it makes to a single Slack workspace.
To use SlackAdapter with multiple Slack workspaces, the constructor must receive a a different set of parameters. These parameters allow the adapter to be configured to work as an oauth client application of Slack's API, and will expose an "install link" used to add the application to each Slack workspace.
In additionto fields related to oauth, the constructor must also receive 2 functions:
* a parameter named getTokenForTeam that is responsible for returning a token value when provided a Slack workspace ID.getBotUserByTeam
* a parameter named that is responsible for returning a bot's user id value when provided a Slack workspace ID.
The application must implement its own mechanism for securely storing and retrieving these values.
`javascript
const adapter = new SlackAdapter({
clientSigningSecret: process.env.SLACK_SECRET,
clientId: process.env.CLIENT_ID, // oauth client id
clientSecret: process.env.CLIENT_SECRET, // oauth client secret
scopes: ['bot'], // oauth scopes requested, 'bot' deprecated by Slack in favor of granular permissions
redirectUri: process.env.REDIRECT_URI, // url to redirect post-login
oauthVersion: 'v1', // or use v2
getTokenForTeam: async(team_id) => {
// load the token for this team
// as captured during oauth
},
getBotUserByTeam: async(team_id) = {
// load bot user id for this team
// as captured during oauth
}
});
// Create a route for the install link.
// This will redirect the user to Slack's permission request page.
controller.webserver.get('/install', (req, res) => {
res.redirect(adapter.getInstallLink());
});
// Create a route to capture the results of the oauth flow.
// this URL should match the value of the redirectUri passed to Botkit.
controller.webserver.get('/install/auth', (req, res) => {
try {
const results = await controller.adapter.validateOauthCode(req.query.code);
// Store token by team in bot state.
let team = results.team_id; // results.team.id in oauth v2
let token = results.bot.bot_access_token; // results.access_token in oauth v2
let userId = results.bot.bot_user_id; // results.bot_user_id in oauth v2
// Securely store the token and usedId so that they can be retrieved later by the team id.
// ...
// customize your post-install success page
res.send('Success! Bot installed.');
} catch (err) {
console.error('OAUTH ERROR:', err);
// customize your post-install failure page
res.status(401);
res.send(err.message);
}
});
`
To use Slack's newer "granular scopes", specify oauthVersion: 'v2' in your adapter configuration.validateOauthCode
This will cause the adapter to use the v2 oauth URL and credential validation function.
However, note that the payload returned differs between versions.
In v1, your bot's token will be located at results.bot.bot_access_token, whereas in v2, it will be results.access_token.
In v1, your bot's user id will be at results.bot.bot_user_id, whereas in v2 it will be results.bot_user_id.
From Slack's official docs:
* V1 response payload
* V2 response payload
Take care to update your auth handler function when you migrate to granular scopes.
* SlackAdapter
* BotWorker Extensions
* SlackMessageTypeMiddleware
* SlackEventMiddleware
Botkit will emit the following events:
| Event | Description
|--- |---
| message | a message from a user received in a shared channel
| event | all other events from Slack (unless middlewares enabled, see below)
This package includea a set of optional middleware that will modify the type of incoming events to match their Slack event types (rather than being cast into generic "message or "event" types).
Most Botkit developers who plan to use features above and beyond the basic send/receive API should enable these middleware.
Import the adapter and the middlewares:
`javascript`
// load SlackAdapter AND SlackEventMiddleware
const { SlackAdapter, SlackEventMiddleware, SlackMessageTypeMiddleware } = require('botbuilder-adapter-slack');
Create your adapter (as above), then bind the middlewares to the adapter:
`javascript`
adapter.use(new SlackEventMiddleware());
adapter.use(new SlackMessageTypeMiddleware());
Now, Botkit will emit events with their original Slack names:
`
controller.on('channel_join', async(bot, message) => {
// do stuff
});
This package exposes a pre-configured Slack API client for developers who want to use one of the many available API endpoints.
In Botkit handlers, the bot worker object passed into all handlers will contain a bot.api field that contains the client, preconfigured and ready to use.
`javascript
controller.on('message', async(bot, message) {
// load a user profile
let profile = await bot.api.users.info({user: message.user});
});
`
In Botkit handlers, the bot worker for Slack contains all of the base methods as well as the following platform-specific extensions:
Returns the first step of an oauth-flow that results in the Botkit application being enabled on a workspace.
Use this in concert with multi-team support.
This method receives the oauth code returned by Slack at the end of the oauth-flow and returns all of the credentials and authentication details associated with it. Use this to capture the workspace token and bot user ID needed for multi-team support.
Botkit will automatically construct your outgoing messages according to Slack's specifications. To use attachments, blocks or other features, add them to the message object used to create the reply.
Use Block Kit Blocks
The preferred way of composing interactive messages is using Slack's Block Kit. Read the official Slack documentation here. Slack provides a UI to help create your interactive messages. Check out Block Kit Builder.
Additionally, there are open-source libraries available that assist with building out UIs for Slack:
* Block Builder – Zero-dependency library, with a SwiftUI-like builder syntax.
* JSX-Slack – JSX that transpiles to Slack API-compatible JSON.
Interactive messages using blocks can be sent via any of Botkit's built in functions by passing in the appropriate "blocks" as part of the message. Here is an example:
`javascript
const content = {
blocks: [{...}]; // insert valid JSON following Block Kit specs
};
await bot.reply(message, content);
`
Use "Secondary" Attachments
Attachments are still supported by Slack, but the preferred way is to use Block Kit. Read the official Slack documentation here
It is possible to spawn bot workers bound to a specific team by passing the team ID as the primary parameter to controller.spawn():
`javascript`
let bot = await controller.spawn(SLACK_TEAM_ID);
Use these method to initiate a conversation with a user, or in a specific channel or thread. After calling these methods, any further actions carried out by the bot worker will happen in that context.
This can be used to create or resume conversations with users that are not in direct response to an incoming message, like those sent on a schedule or in response to external events.
* bot.startPrivateConversation()
* bot.startConversationInChannel()
* bot.startConversationInThread()
Slash commands are special commands triggered by typing a "/" then a command. They are configured inside Slack's API portal.
Read Slack's documentation for Slash commands here →
When a Botkit application receives a request from a slash command, it will emit a slash_command event that can be handled using controller.on(). Several additional reply methods have been provided to handle slash commands.
* bot.replyPublic()
* bot.replyPrivate()
`javascript
controller.on('slash_command', async(bot, message) => {
// the /
let command = message.command;
// the /command
let parameter = message.text;
await bot.replyPublic(message, 'My response to your command is: ...');
});
`
Note that if you would prefer to send a response to the Slash command via the synchronous http response back to Slack, you can achieve this by using bot.httpBody().
`javascript`
controller.on('slash_command', async(bot, message) => {
bot.httpBody({text:'You can send an immediate response using bot.httpBody()'});
});
Messages in Slack may now exist as part of a thread, separate from the messages included in the main channel. Threads can be used to create new and interesting interactions for bots.
Botkit's default behavior is for replies to be sent in-context. That is, if a bot replies to a message in a main channel, the reply will be added to the main channel. If a bot replies to a message in a thread, the reply will be added to the thread. This behavior can be changed by using one of the following specialized functions:
* bot.replyInThread()
* bot.startConversationInThread()
Messages can be sent to a user "ephemerally" which will only show to them, and no one else. Learn more about ephemeral messages at the Slack API Documentation.
Slack applications can use "interactive messages" to include buttons, menus and other interactive elements to improve the user's experience. See here for how to attach cards and blocks.
If your interactive message contains a button, when the user clicks the button in Slack, Botkit triggers an event based on the message type.
When an event is received, your bot can either reply normally, or use the special bot.replyInteractive function which will result in the original message in Slack being _replaced_ by the reply. Using replyInteractive, bots can present dynamic interfaces inside a single message.
To receive callbacks, register a callback url as part of applications configuration. Botkit's built in support for the Slack Button system supports interactive message callbacks at same url as other events (/api/messages by default).
Dialogs allow bots to present multi-field pop-up forms in response to a button click or other interactive message interaction.
Botkit provides helper functions and special events to make using dialogs in your app possible.
Dialogs can be created in response to interactive_message or slash_command events.bot.replyWithDialog()
Botkit provides a specialized reply function, and a object builder class,SlackDialog` that should be used to create and send the dialog.
* bot.replyWithDialog()
* bot.dialogError()
* SlackDialog
Slack supports updating and deleting messages. Do so with the following convenience methods:
* bot.updateMessage()
* bot.deleteMessage()
Join our thriving community of Botkit developers and bot enthusiasts at large.
Over 10,000 members strong, our open Slack group is
_the place_ for people interested in the art and science of making bots.
Come to ask questions, share your progress, and commune with your peers!
You can also find help from members of the Botkit team in our dedicated Cisco Spark room!
Botkit is a part of the Microsoft Bot Framework.
Want to contribute? Read the contributor guide
Botkit is released under the MIT Open Source license