Mi primer Web App Bot en Azure

Vicente Gerardo Guzman Lucio
My Bots Latam
Published in
4 min readAug 14, 2018

Al día de hoy hemos escuchado demasiado sobre Inteligencia Artificial (AI) en todo el mundo, pero, ¿realmente sabemos qué es la IA?

¿Qué es un Bot o Inteligente Artificial (AI)?

“Es el estudio y diseño de agentes inteligentes, donde un agente inteligente es un sistema que percibe su entorno y lleva a cabo acciones que maximizan sus posibilidades de éxito.” — ScienceDaily

Los Bots nos permiten la interacción entre los usuarios y las soluciones inteligentes que pueden alojarse en los servidores, esto significa que el Bot puede atender las consultas en cualquier momento como si quien brindase la solución sea una persona.

Introducción al Microsoft Bot Framework

Microsoft Bot Framework permite a los desarrolladores y las empresas crear Bots inteligentes que puedan interactuar con los usuarios.

Conectar nuestro Bot a múltiples plataformas, desde el sitio web, aplicaciones móviles, hasta el escritorio e incluso Skype.

Manos a la obra…

Para este tutorial, vamos a aprender cómo crear un Bot en Azure y desplegarlo en nuestro sitio web.

Primero, necesitamos una cuenta de Azure, en caso de no contar con una, accede a este portal:
https://azure.microsoft.com/en-us/free

Después, iniciemos sesión en la cuenta de Azure.

Luego, hagamos clic en + Crear un recurso y luego busquemos Web App Bot en la barra de búsqueda, como a continuación se muestra:

Posteriormente hagamos clic en Crear.

A continuación, ingresemos los datos pertinentes solicitados, como el nombre del Bot, la suscripción, el grupo de recursos, el plan de alojamiento, etc. Una vez llenado esto, hagamos clic en Crear para implementar.

Una vez que se complete el despliegue. Podemos hacer clic en el botón Ir al recurso en la notificación o Todos los recursos en el panel lateral para ver el Bot. En este tutorial seleccione “Todos los recursos”.

A continuación, hagamos clic en el nombre del Bot que acabamos de crear.

En el menú lateral navegaremos hasta la opción de “Probar en el Chat en web” para validar la funcionalidad del mismo.

Probemos nuestro Bot:

Integración del Bot en nuestro sitio web

Ahora pasemos a hacer la integración de este Bot en nuestro sitio Web, para esto hacemos clic en Canales del mismo menú lateral y luego en “Obtener los códigos para insertar de los bots”.

En la siguiente pantalla se nos presentara el canal del cual obtendremos el código para poder realizar lo antes mencionado, vamos a “Haz clic aquí para abrir la página de configuración Web Chat”.

En la página abierta, hagamos clic para mostrar la primera clave secreta generada. Luego copiemos el código de inserción, para poder reemplazar “TU_SECRETO_AQUI” con la clave generada.

Por último, pero no menos importante, en el editor HTML de su sitio web, pegue el código y publíquelo. En mi caso utilizo WordPress, este quedaría de la siguiente manera:

En el siguiente enlace puedes probar el resultado:

https://webchat.botframework.com/embed/WebAppBotEx?s=Wg8eyyHzrnU.cwA.h-w.G6Vo4iJ1hSnBqZjZrzxN-a_FLqT_D2U0K_3224Mj044

Si tienes preguntas / comentarios / problemas, escribe en el cuadro de comentarios.

¡Hasta la próxima!

--

--