Building a Bot with Slack Platform and IBM Watson
1 like719 views
The document discusses the integration of Slack's messaging capabilities using buttons and message formatting. It provides examples of using the chat.postMessage API to send formatted messages and handle app_mention events from users. The document highlights creating interactive messages through blocks and using an AI assistant to process user inputs and respond in real-time.
![{
"channel": "CBADA55JP",
"attachments": [...]
}](https://image.slidesharecdn.com/slackwatsonbotworkshop20190417sf-190417051452/85/Building-a-Bot-with-Slack-Platform-and-IBM-Watson-20-320.jpg)
![{
"mrkdwn_in": ["text"],
"color": "#36a64f",
"pretext": "Optional pre-text that appears above the attachment block",
"author_name": "author_name",
"author_link": "http://flickr.com/bobby/",
"author_icon": "https://placeimg.com/16/16/people",
"title": "title",
"title_link": "https://api.slack.com/",
"text": "Optional `text` that appears within the attachment",
"fields": [
{
"title": "A field's title",
"value": "This field's value",
"short": false
}...],
"thumb_url": "http://placekitten.com/g/200/200",
"footer": "footer",
"footer_icon": "https://example.com/default_application_icon.png",
"ts": 123456789
}](https://image.slidesharecdn.com/slackwatsonbotworkshop20190417sf-190417051452/85/Building-a-Bot-with-Slack-Platform-and-IBM-Watson-21-320.jpg)
![[
{
"type": "section",
"text": {
"type": "mrkdwn",
"text": "Hello World!"
}
},
{
"type": "divider"
}
]](https://image.slidesharecdn.com/slackwatsonbotworkshop20190417sf-190417051452/85/Building-a-Bot-with-Slack-Platform-and-IBM-Watson-25-320.jpg)
![[
{
"type": "section",
"text": {
"type": "mrkdwn",
"text": "Hello World!"
}
},
{
"type": "divider"
}
"accessory": {
...
}
]](https://image.slidesharecdn.com/slackwatsonbotworkshop20190417sf-190417051452/85/Building-a-Bot-with-Slack-Platform-and-IBM-Watson-26-320.jpg)
![[
...
"accessory": {
"type": "button",
"text": {
"type": "plain_text",
"text": "Farmhouse",
"emoji": true
},
"value": "click_me_123"
}
]](https://image.slidesharecdn.com/slackwatsonbotworkshop20190417sf-190417051452/85/Building-a-Bot-with-Slack-Platform-and-IBM-Watson-27-320.jpg)
![const messageBlocks = [
{
"type": "section",
"text": {
"text": "Hello, welcome to the *Workspace X*nHere's a list of info you are probably looking for:"
}
},
{
"type": "section",
"text": {
"type": "mrkdwn",
"text": "<https://example.com|*Cafeteria*> n Building 1nSouth-East cornernOpen: 8am - 5pm"
},
"accessory": {
"type": "image",
"image_url": "https://upload.wikimedia.org/wikipedia/commons/3/3b/BHS-Cafeteria.jpg",
"alt_text": "cafeteria"
}
},
// ...
]
n = new line](https://image.slidesharecdn.com/slackwatsonbotworkshop20190417sf-190417051452/85/Building-a-Bot-with-Slack-Platform-and-IBM-Watson-66-320.jpg)
![slackEvents.on('app_mention', (message) => {
const params = {
workspace_id: process.env.WATSON_WORKSPACE_ID,
input: { text: message.text }
};
assistant.message(params, (err, result, response) => {
slack.chat.postMessage({
channel: message.channel,
text: result.output.text[0],
}).catch(console.error);
});
});
Psssst, let’s forget about
BlockKit for now, and post
a simple text!](https://image.slidesharecdn.com/slackwatsonbotworkshop20190417sf-190417051452/85/Building-a-Bot-with-Slack-Platform-and-IBM-Watson-82-320.jpg)
Building a Bot with Slack Platform and IBM Watson
- 17. chat.postMessage
- 21. { "mrkdwn_in": ["text"], "color": "#36a64f", "pretext": "Optional pre-text that appears above the attachment block", "author_name": "author_name", "author_link": "http://flickr.com/bobby/", "author_icon": "https://placeimg.com/16/16/people", "title": "title", "title_link": "https://api.slack.com/", "text": "Optional `text` that appears within the attachment", "fields": [ { "title": "A field's title", "value": "This field's value", "short": false }...], "thumb_url": "http://placekitten.com/g/200/200", "footer": "footer", "footer_icon": "https://example.com/default_application_icon.png", "ts": 123456789 }
- 23. ● ● ●
- 25. [ { "type": "section", "text": { "type": "mrkdwn", "text": "Hello World!" } }, { "type": "divider" } ]
- 26. [ { "type": "section", "text": { "type": "mrkdwn", "text": "Hello World!" } }, { "type": "divider" } "accessory": { ... } ]
- 27. [ ... "accessory": { "type": "button", "text": { "type": "plain_text", "text": "Farmhouse", "emoji": true }, "value": "click_me_123" } ]
- 42. 2 1
- 44. User post a message, “Hi @help_bot” Sends payload to request URL chat.postMessage Post a message Hi here’s some info! Hi @help_bot app_mention event is triggered
- 45. ● ● ● ●
- 46. This link will create a new repo just for you, with the code template!
- 50. Create a new app from 2 3 1 4 5 1 2 3 4 ５
- 51. 1 2
- 52. 3
- 53. 1 2
- 54. 3
- 55. .env 4
- 56. 2 1
- 57. Click “Show” to reveal the secret. Copy then paste in .env .env 1 2
- 60. 1 2 3 4
- 62. app_mention // Greeting any user mentions your bot, @greet_bot slackEvents.on('app_mention', (message) => { // When the message is a plain messages and contain 'hi' (case insensitive) if (/hi/i.test(message.text))) { // Respond to the message back in the same channel slack.chat.postMessage( { channel: message.channel, text: `Hello <@${message.user}>! :wave:` } ) } });
- 66. const messageBlocks = [ { "type": "section", "text": { "text": "Hello, welcome to the *Workspace X*nHere's a list of info you are probably looking for:" } }, { "type": "section", "text": { "type": "mrkdwn", "text": "<https://example.com|*Cafeteria*> n Building 1nSouth-East cornernOpen: 8am - 5pm" }, "accessory": { "type": "image", "image_url": "https://upload.wikimedia.org/wikipedia/commons/3/3b/BHS-Cafeteria.jpg", "alt_text": "cafeteria" } }, // ... ] n = new line
- 68. if(/hi/i.test(message.text)) { slack.chat.postMessage(...); } Hi I need help Guide me Show me the floor map
- 71. Sends payload to request URL chat.postMessage Post message Hi here’s some info! Show me office directory! Extract user-sent message & pass Process & return User post a message, “Hi @help_bot” app_mention event is triggered
- 73. 2 3 1
- 74. 1 2
- 75. 1
- 76. 2 1 3 4
- 77. 1
- 78. 2 1
- 79. 1
- 80. const Assistant = require('watson-developer-cloud/assistant/v1');
- 81. const Assistant = require('watson-developer-cloud/assistant/v1'); const assistant = new Assistant({ url: 'https://gateway.watsonplatform.net/assistant/api', version: '2019-04-04', iam_apikey: process.env.WATSON_API_KEY });
- 82. slackEvents.on('app_mention', (message) => { const params = { workspace_id: process.env.WATSON_WORKSPACE_ID, input: { text: message.text } }; assistant.message(params, (err, result, response) => { slack.chat.postMessage({ channel: message.channel, text: result.output.text[0], }).catch(console.error); }); }); Psssst, let’s forget about BlockKit for now, and post a simple text!