Tutorial Facebook Messenger Bot
Adrián Gómez
Adrián Gómez
En este tutorial aprenderemos como crear nuestro primer Facebook Messenger Bot, usando NodeJS y Heroku.

Recientemente Facebook lanzo la plataforma de Messenger, donde podemos habilitar bots que pueden conversar y contestar preguntas en tiempo real en nuestras fanpages, hasta el punto de poder conectarlos con inteligencia artificial, realizando procesos complejos.

En este tutorial aprenderemos como crear nuestro primer bot, puedes usar este código base para crear bots para tus diferentes necesidades: dar noticias, el clima, cambio de moneda, responder preguntar, contar chistes, dar el trafico o lo que puedas imaginar.

Requerimientos

  • Conocimiento básico en git
  • Conocimiento básico en Node.js

Servidor en Heroku

1. Si aun no tienes una cuenta en Heroku, puedes crear una en https://www.heroku.com
2. Instalamos Heroku toolbelt desde aquí https://toolbelt.heroku.com
3. Necesitas instalar NodeJS, puedes seguir este link: https://nodejs.org.
4. Ahora abrimos la terminal o línea de comandos, y corremos el siguiente código para verificar si tenemos la última versión instalada:

5. Creamos una carpeta nueva donde manejaremos nuestro proyecto.
6. Descargamos nuestro proyecto base desde Github en este link, y copiamos los 3 archivos en nuestra carpeta. (https://github.com/elaniin/facebook-messenger-bot-nodejs)

  • package.json, este archivo JSON contiene todos los requerimientos para nuestro proyecto en Node, si lo abres te darás cuenta que usaremos Espress, Parser y Request.
  • index.js, en archivo contiene toda la autenticación y manejo del bot.
  • Procfile, este archivo es para que Heroku sepa que archivo correr.

7. Creamos un commit del proyecto con Git, luego creamos una nueva instancia en Heroku, y mandamos el código.

Configuramos nuestra Facebook App

1. Creamos una app en Facebook Developer (https://developers.facebook.com/apps/), damos clic en “basic setup”.

2. Una vez creada, nos vamos a la tab al lado izquierdo hasta el final que dice “Messenger”, luego le damos clic en “Setup WebHook”.

  • En Callback Url, debemos colocar la URL de nuestro servidor en Heroku.
  • En Verify Token, debemos poner un token, este puede ser cualquier frase que podamos recordar.
  • En Suscription Fields, seleccionamos messages and messaging_postbacks.

3. Necesitamos obtener nuestro Access Token de la fan page con la que queremos probar nuestro bot, seleccionamos la fanpage y seguimos el proceso hasta que obtenemos nuestro Page Access Token.

4. Regresamos a nuestra Terminal, y corremos la siguiente linea de comando, cambiar por el token obtenido en el paso anterior.

Configuramos nuestro bot

1. En la línea 10 de nuestro index.js ponemos nuestro Page Access Token, este es el que obtuvimos al seleccionar nuestra fan page.
2. En la línea 11 de nuestro index.js ponemos nuestro Validation Token, este es el que pusimos en el paso 2 de la sección anterior.
3. Hacemos un nuevo commit, y enviamos a Heroku.

3. Nos vamos a Facebook y probamos nuestro bot.

Hay muchas formas en como podemos configurar los mensajes de nuestro Bot puedes leer un poco más aquí: https://developers.facebook.com/docs/messenger-platform/product-overview

Espero este tutorial fue de ayuda, llevamos varios días configurando diferentes bots, si tienen alguna pregunta con gusto podemos ayudarles.

Ademas si quieres ver un bot más trabajado que permite interactuar con preguntas, enviar SMS o interacturar con las noticias de elsalvador.com puedes ver nuestro bot oficial en GitHub.

Comparte este post
Comparte en Facebook
Comparte en Twitter
Comparte en Google+
Comparte en LinkedIn
+
ELEVAR ANIMAR INSPIRAR