From 17bc227295f2dee3ea9d216d1bde1c4202c2f8e3 Mon Sep 17 00:00:00 2001 From: Leifer Mendez Date: Tue, 18 Jan 2022 20:59:37 +0100 Subject: [PATCH 1/4] Update README.md --- README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 0ec94de..f6f7833 100644 --- a/README.md +++ b/README.md @@ -2,6 +2,7 @@ #### Actualizado Enero 2022 El siguiente proyecto se realizó con fines educativos para el canal de [Youtube (Leifer Mendez)](https://www.youtube.com/channel/UCgrIGp5QAnC0J8LfNJxDRDw?sub_confirmation=1) donde aprendemos como usando node.js podemos crear un chatbot increíble que además le agregamos inteligencia artificial gracias al servicio de dialogflow. + ![](https://i.giphy.com/media/OBDi3CXC83WkNeLEZP/giphy.webp) > Si tienes una cuenta en __heroku__ puedes desplegar este proyecto con 1 click @@ -66,7 +67,7 @@ SQL_PASS= SQL_DATABASE= ``` -> Si quieres usar la conexion via _mysql_ puedes importar el archivo [sql-bot.sql](s) +> Si quieres usar la conexion via _mysql_ puedes importar el archivo [sql-bot.sql](https://github.com/leifermendez/bot-whatsapp/blob/main/sql-bot.sql) ### ¿Como usarlo el chatbot de whatsapp? > Escribe un mensaje al whatsapp que vinculaste con tu BOT @@ -82,4 +83,4 @@ con el historial de conversación con el número de tu cliente ### Preguntar al BOT > Puedes interactuar con el bot ejemplo escribele __hola__ y el bot debe responderte! -![](https://i.imgur.com/cNAS51I.png) \ No newline at end of file +![](https://i.imgur.com/cNAS51I.png) From 952a87f9410e9addf7f088e02304c53a4fb3cdb8 Mon Sep 17 00:00:00 2001 From: Leifer Mendez Date: Wed, 19 Jan 2022 09:51:36 +0100 Subject: [PATCH 2/4] Update README.md --- README.md | 73 +++++++++++++++++++++++++++++-------------------------- 1 file changed, 38 insertions(+), 35 deletions(-) diff --git a/README.md b/README.md index f6f7833..5ca1d3f 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,12 @@ ## Chatbot Whatsapp (OpenSource) #### Actualizado Enero 2022 -El siguiente proyecto se realizó con fines educativos para el canal de [Youtube (Leifer Mendez)](https://www.youtube.com/channel/UCgrIGp5QAnC0J8LfNJxDRDw?sub_confirmation=1) donde aprendemos como usando node.js podemos crear un chatbot increíble que además le agregamos inteligencia artificial gracias al servicio de dialogflow. +El siguiente proyecto se realizó con fines educativos para el canal de [Youtube (Leifer Mendez)](https://www.youtube.com/channel/UCgrIGp5QAnC0J8LfNJxDRDw?sub_confirmation=1) donde aprendemos a crear y implementar un chatbot increíble usando [node.js](https://codigoencasa.com/tag/nodejs/) además le agregamos inteligencia artificial gracias al servicio de __dialogflow__. ![](https://i.giphy.com/media/OBDi3CXC83WkNeLEZP/giphy.webp) -> Si tienes una cuenta en __heroku__ puedes desplegar este proyecto con 1 click + +#### Acceso rápido +> Si tienes una cuenta en __heroku__ puedes desplegar este proyecto con (1 click) [![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/leifermendez/bot-ventas) @@ -12,47 +14,26 @@ El siguiente proyecto se realizó con fines educativos para el canal de [Youtube [![Comprar](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/leifermendez) -#### Requisitos +## Requisitos - node v14 o superior +- VSCode (Editor de codigo) [Descargar](https://code.visualstudio.com/download) +- MySql (opcional) solo aplica si vas a usar el modo 'mysql' [sql-bot.sql migración](https://github.com/leifermendez/bot-whatsapp/blob/main/sql-bot.sql) +- Dialogflow (opcional) solo aplica si vas a usar el modo 'dialogflow' -#### Video Creación 🤖 -- [Ver Video 1](https://www.youtube.com/watch?v=A_Xu0OR_HkE) -- [¿Como instalarlo? (Actulización)](https://youtu.be/5lEMCeWEJ8o) - -#### ¿Que puedo hacer con este chatbot? - -Puedes crear tus flujos de trabajo, ya sea usando mysql, dialogflow o simplemente condiciones en el codigo. -IMAGE - -### Instruciones +## Instruciones __Descargar o Clonar repositorio__ ![](https://i.imgur.com/dSpUbFz.png) -__Instalar paquetes (npm install)__ +__Instalar dependencias (npm install)__ > Ubicate en le directorio que descargaste y via consola o terminal ejecuta el siguiente comando `npm install` ![](https://i.imgur.com/BJuMjGR.png) -__Ejecutar el script app.js__ -> Ubicate en le directorio que descargaste y via consola o terminal ejecuta el siguiente comando `node app.js` o `npm start`. -Escanea el el código QR desde tu aplicación de Whatsapp -`npm run start` - -![](https://i.imgur.com/eMkBkuJ.png) - -> Ahora abre la aplicación de Whatsapp en tu dispositivo y escanea el código QR - - -> Tambien puedes visitar la pagina `http://localhost:3000/qr` -![](https://i.imgur.com/Q3JEDlP.png) - -> Cuando sale este mensaje tu BOT está __listo__ para trabajar! -![](https://i.imgur.com/bhYHUyH.png) - -### Configurar -Recuerda debes de crear tu archivo __.env__ basado en el archivo __.env.example__ +__Configurar .env__ +> Con el editor de texto crea un archivo `.env` el cual debes de guiarte del archivo `.env.example` +[Ver video explicando](https://youtu.be/5lEMCeWEJ8o?t=381) ``` ######DATABASE: none, mysql, dialogflow @@ -67,9 +48,31 @@ SQL_PASS= SQL_DATABASE= ``` -> Si quieres usar la conexion via _mysql_ puedes importar el archivo [sql-bot.sql](https://github.com/leifermendez/bot-whatsapp/blob/main/sql-bot.sql) +![](https://i.imgur.com/9poNnW0.png) -### ¿Como usarlo el chatbot de whatsapp? +__Ejecutar el script__ +> Ubicate en le directorio que descargaste y via consola o terminal ejecuta el siguiente comando +`npm run start` + +![](https://i.imgur.com/eMkBkuJ.png) + +__Whatsapp en tu celular__ +> Ahora abre la aplicación de Whatsapp en tu dispositivo y escanea el código QR + +Visitar la pagina +`http://localhost:3000/qr` + +![](https://i.imgur.com/Q3JEDlP.png) + +__Listo 😎__ +> Cuando sale este mensaje tu BOT está __listo__ para trabajar! +![](https://i.imgur.com/eoJ4Ruk.png) + +# ¿Quieres ver como se creó? 🤖 +- [Ver Video 1](https://www.youtube.com/watch?v=A_Xu0OR_HkE) +- [¿Como instalarlo? (Actulización)](https://youtu.be/5lEMCeWEJ8o) + +## ¿Como usarlo el chatbot de whatsapp? > Escribe un mensaje al whatsapp que vinculaste con tu BOT ![](https://i.imgur.com/OSUgljQ.png) @@ -80,7 +83,7 @@ con el historial de conversación con el número de tu cliente ![](https://i.imgur.com/lrMLgR8.png) ![](https://i.imgur.com/UYcoUSV.png) -### Preguntar al BOT +## Preguntar al BOT > Puedes interactuar con el bot ejemplo escribele __hola__ y el bot debe responderte! ![](https://i.imgur.com/cNAS51I.png) From 033b3fd4117f86d3e5d39f87e9507ca5da6dc199 Mon Sep 17 00:00:00 2001 From: Leifer Mendez Date: Wed, 19 Jan 2022 09:52:50 +0100 Subject: [PATCH 3/4] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 5ca1d3f..b92dcea 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,7 @@ El siguiente proyecto se realizó con fines educativos para el canal de [Youtube (Leifer Mendez)](https://www.youtube.com/channel/UCgrIGp5QAnC0J8LfNJxDRDw?sub_confirmation=1) donde aprendemos a crear y implementar un chatbot increíble usando [node.js](https://codigoencasa.com/tag/nodejs/) además le agregamos inteligencia artificial gracias al servicio de __dialogflow__. -![](https://i.giphy.com/media/OBDi3CXC83WkNeLEZP/giphy.webp) +[![Video](https://i.giphy.com/media/OBDi3CXC83WkNeLEZP/giphy.webp)](https://youtu.be/5lEMCeWEJ8o) #### Acceso rápido > Si tienes una cuenta en __heroku__ puedes desplegar este proyecto con (1 click) From f0a9c41dc5abcf8718fc763f435b36e7f62f08cf Mon Sep 17 00:00:00 2001 From: Leifer Mendez Date: Wed, 19 Jan 2022 09:57:43 +0100 Subject: [PATCH 4/4] Update README.md --- README.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/README.md b/README.md index b92dcea..d11a1cb 100644 --- a/README.md +++ b/README.md @@ -14,6 +14,17 @@ El siguiente proyecto se realizó con fines educativos para el canal de [Youtube [![Comprar](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/leifermendez) +#### Actualización + +| Feature | Status | +| ------------- | ------------- | +| Dialogflow | ✅ | +| MySQL | ✅ | +| JSON File | ✅ | +| QR Scan (route) | ✅ | +| Easy deploy heroku | ✅ | +| Add support ubuntu/linux | ✅ | + ## Requisitos - node v14 o superior - VSCode (Editor de codigo) [Descargar](https://code.visualstudio.com/download) @@ -24,6 +35,13 @@ El siguiente proyecto se realizó con fines educativos para el canal de [Youtube __Descargar o Clonar repositorio__ ![](https://i.imgur.com/dSpUbFz.png) +__Usas ¿Ubuntu / Linux?__ +> Asegurate de instalar los siguientes paquetes +``` +sudo apt-get install -y libgbm-dev +sudo apt install -y gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget +``` + __Instalar dependencias (npm install)__ > Ubicate en le directorio que descargaste y via consola o terminal ejecuta el siguiente comando