Este documento describe cómo construir un bot y servidor de memes para Slack. Explica las tecnologías necesarias como promesas, APIs de Slack, CommonJS, variables de entorno, Node.js y Express. Detalla los pasos para crear una aplicación en Slack, configurar comandos slash y webhooks entrantes. Luego guía sobre cómo crear un módulo de memes, exponer una página web y servicio de bot que obtiene información del usuario y envía memes a Slack.

1. Cómo construir un bot
para Slack
@davsket
https://github.com/davsket/slack-bot-
experiment

2. David
Avellaneda
@davsket
Co-organizador de:
BogotáJS
JSConf.co
Char.la
ColombiaDev
Co-fundador de:
Monoku

3. • Soy Tauro
• Me gusta correr en la playa
• Tengo un hijo (el de la foto)
• En serio me gusta mucho
correr
• Me gusta compartir lo que se

4. Cómo construir un
Servidor y Bot de Memes
para Slack
@davsket

5. Agenda

6. Agenda
• ¿Qué vamos a hacer? v2
• ¿Qué necesitamos? v2
• JUST DO IT!!! step++ v2
• Momento philosoraptor v2

7. ¿Qué vamos a hacer?

8. ¿Qué necesitamos?

9. ¿Qué necesitamos?
• promesas (yup, de nuevo)
• como funciona slack (APIs)
• CommonJS (require)
• variables de entorno
• node / express (básico) *
• request *
• heroku o now o ngrok *
• servicio de memes !!!!

10. Promises
• Solo se puede resolver o rechazar una vez
• De ahí en adelante puedes preguntar cuantas veces
sea el resultado
• Si una función retorna un valor, el siguiente then
obtiene el valor de esta
• para request y otros asyncs…
var p = new Promise((resolve, reject) => { resolve(5) })
p.then(num => console.log(num)) // 5
p.then(num => num * 5)
.then(num => console.log(num)) // 25

11. Slack Apps
• ya existen muchas apps
• si creas una propia puedes:
• recibir comandos por medio de texto
• `/elcomando argumento`
• `@botname argumentos`
• mandar respuestas (sync & async)
• de texto plano
• con attachments

12. Slack Bot
• App propia (para escuchar comandos slash con
permisos)
• Incoming WebHooks (para mandar mensajes)

13. Crear App Propia
https://api.slack.com/apps?new_app=1
Esta app va a ser privada hasta que no
la distribuyan

14. Crear App Propia
https://api.slack.com/apps?new_app=1
Esta app va a ser privada hasta que no
la distribuyan

15. App Propia + Slash Cmds

16. App Propia + Slash Cmd

17. Slash Command

18. App Propia + Add to Team

19. App Propia / Incoming Webhook
vs
Incoming Webhook App

20. App Propia + Oauth

21. App Propia + Oauth
Guardala!!

22. App Propia + Permisos

23. Incoming Webhook
https://team.slack.com/apps

24. Incoming Webhook: add
config

25. Incoming Webhook:
addconfig

26. Incoming Webhook: URL
Guardala!!

28. KEYS: 2

29. CommonJS
module.exports = 'Hello World'
hi.js
var hi = require('./hi')
console.log(hi)
index.js

30. Variables de Entorno
var url = process.env.SLACK_WEBHOOK_URL
console.log(url)

31. Servicio Memes
https://memegen.link
https://github.com/jacebrowning/memegen
https://memegen.link/api

33. 1. Hacer módulo de
Memes

34. 2. Imprimir lista y
meme de la lista

35. 3. Exponer Pagina
Web

36. 4. Exponer Pagina
Web pero Bien

37. 5. Exponer Pagina
Web pero Cool

38. 6. Exponer Servicio
tipo Bot

39. Slash Command
POST application/x-www-form-urlencoded
POST Body =

40. Test con ngrok

41. Hasta el momento…

42. 7. Exponer Servicio tipo
Bot Como Debe Ser

43. 7. Exponer Servicio tipo Bot
Como Debe Ser
• Obtener info del usuario usando la llave del Oauth
• Enviar meme a Slack usando el Incoming Webhook

45. Preguntas?

46. Gracias!

47. @davsket
https://github.com/davsket/
slack-bot-experiment