Configuración inicial

1

Desarrolla tu Chatbot con la API de Whatsapp

2

¿Cómo funciona la API de WhatsApp?

3

¿Cómo crear una cuenta de desarrollador en Meta?

4

¿Cómo configurar una aplicación en Developers Facebook?

5

Creación y configuración de una aplicación en Whatsapp

Integración con la API de WhatsApp

6

¿Cómo configurar la API de WhatsApp para recibir y enviar mensajes?

7

¿Cómo configurar la API de WhatsaApp con Postman?

8

¿Cómo crear un servidor de Express?

Implementación de Servidor Express

9

¿Cómo implementar Webhooks en Express?

10

¿Cómo optimizar la arquitectura de un bot usando servicios y controladores?

Comunicación con la API de WhatsApp

11

¿Cómo enviar un mensaje de bienvenida con la API de WhatsApp?

12

¿Cómo configurar una respuesta personalizada desde la API de WhatsApp?

Flujos de Interacción con la API de WhatsApp

13

¿Cómo desarrollar un flujo inicial para guiar a los usuarios con WhatsApp API?

14

¿Cómo configurar un menú de opciones desde la API de WhatsApp?

Multimedia con WhatsApp API

15

¿Cómo integrar mensajes multimedia en el flujo de tu chatbot?

16

¿Cómo Integrar el Send-Media-Message al flujo de tu Chatbot?

17

¿Cómo crear el flujo para agendar una cita desde la API de WhatsApp?

18

¿Cómo crear una lógica que permita almacenar el flujo de tu Chatbot?

Avances y Personalización

19

¿Cómo conectar tu chatbot con Google Sheets para la gestión de datos?

20

¿Cómo configurar la API de Google Sheets para almacenar la información de tu usuario?

21

¿Cómo conectar la API de WhatsApp con ChatGPT?

22

¿Cómo integrar ChatGPT al flujo de la API de WhatsApp?

23

¿Cómo enviar contactos desde tu chatbot para soporte al usuario?

24

¿Cómo configurar la API de WhatsApp para enviar ubicaciones a tu usuario?

25

¿Cómo crear flujos escalables en la API de WhatsApp usando buenas prácticas de programación?

26

¿Cómo desplegar la API de WhatsApp en un ambiente de producción?

27

¿Cómo publicar tu Chatbot para interacciones reales?

28

Ahora tienes tu Chatbot que potencia las interacciones con tu usuario

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

¿Cómo crear un servidor de Express?

8/28
Recursos

Configurar el espacio de trabajo y preparar las herramientas iniciales es esencial para desarrollar aplicaciones eficientes y escalables. A continuación, te guiaré a través de los pasos para crear un servidor básico con Express, con recomendaciones para optimizar el flujo de trabajo en Node.js.

¿Cómo organizar la estructura de carpetas para el proyecto?

  • Directorio principal: Crea una carpeta donde organizarás todos tus proyectos. Por ejemplo, si usas un directorio llamado dev, dentro puedes crear carpetas específicas para cada proyecto. Para este caso:
    • mkdir whatsapp (directorio raíz del proyecto)
    • Dentro de esta, mkdir med-pet, que será el espacio de trabajo de nuestra aplicación para una veterinaria.

¿Cómo iniciar el repositorio de Git y la configuración de NPM?

  1. Inicializar Git: En la carpeta med-pet, ejecuta:

    git init
    

    Esto crea un repositorio Git para gestionar la evolución de tu proyecto y guardar los cambios localmente y en la nube.

  2. Configurar NPM: Para instalar las dependencias de JavaScript, inicializa NPM con:

    npm init -y
    

    Este comando genera un archivo package.json con configuraciones iniciales.

¿Cuáles son las dependencias necesarias para el proyecto?

  1. Express: Este framework facilita la creación de servidores HTTP:

    npm install express
    
  2. Axios: Permite hacer peticiones HTTP hacia APIs externas:

    npm install axios
    
  3. Dotenv: Para gestionar variables de entorno como tokens o identificadores de forma segura:

    npm install dotenv
    
  4. Nodemon: Herramienta de desarrollo que supervisa cambios en el código y reinicia automáticamente el servidor sin interrupciones manuales. Instálala como dependencia de desarrollo:

    npm install nodemon --save-dev
    

¿Cómo organizar el editor de código?

Abre el editor en la carpeta med-pet con el siguiente comando (si utilizas Visual Studio Code):

code .

En Visual Studio Code:

  • Crear un archivo .gitignore: Añade node_modules para excluir esta carpeta del control de versiones, evitando subir dependencias innecesarias a Git.
  • Extensiones recomendadas: Instala extensiones para facilitar la edición de código JavaScript y, si es posible, considera usar herramientas como GitHub Copilot para autocompletar y sugerencias de código.

Aportes 19

Preguntas 4

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Hola Óscar. Hasta la lección 7 te seguí la huella. Bastante fácil. Pero luego en la lección 8 apareciste con una pantalla negra que no dices de dónde salió. Para crear las carpetas y eso. En cuál espacio de trabajo es? Recuerda que tenemos abierto Developmer.meta.com y Postman. No específicas. Y creo que vas muy rápido. Cómo si alguien te espera luego del curso. Voy a indagar en Youtube. Aunque no es la idea.
Buenos días. Mi recomendación es que se vuelva a grabar este capítulo explicando los prerrequistos y el paso a paso.
Para instalar Git y Node.js en Windows, sigue estos pasos: 1. **Instalar Git:** - Ve a [git-scm.com](https://git-scm.com). - Descarga el instalador para Windows. - Ejecuta el archivo descargado y sigue las instrucciones. Acepta las opciones predeterminadas. 2. **Instalar Node.js:** - Ve a [nodejs.org](https://nodejs.org). - Descarga el instalador de la versión LTS (recomendado). - Ejecuta el archivo descargado y sigue las instrucciones. Asegúrate de seleccionar la opción de agregar Node.js al PATH. 3. **Verificar las instalaciones:** - Abre la terminal (cmd). - Escribe `git --version` para verificar Git. - Escribe `node -v` y `npm -v` para verificar Node.js y npm. Estos pasos te permitirán tener ambas herramientas listas para tu proyecto.
De verdad que le faltó mucha pedagogía a este vídeo.
ESTA PNATALLA NEGRANO ESPECIFICAS LA CARPETA DONDE ESTAN INTEGRANDO LOS CODIGOS
// Compañeros, este es un curso de nivel intermedio. // // Yo también fui principiante (no soy ingeniera) // y aprendí en Platzi desde 2020. // Si no tuviera bases sólidas, créanme que estaría perdida. // // Como profesora universitaria desde hace 10 años, // les recomiendo no saltarse los fundamentos: // podrían frustrarse y eso no favorece el aprendizaje. // // El profesor Óscar asume que ya tenemos el nivel necesario // para aplicar buenas prácticas al abrir la consola. // // ¡Saludos y ánimo!
Perdido totalmente de la clase 7 a la 8 aparece en una pantalla negra que ni idea, se supone que estamos aprendiendo entonces como opinión seria bueno explicar todo lo realizado porque llegar a la clase 7 y ver en la 8 q no se puede continuar desmotiva 😉
El profesor está configurando un espacio de trabajo para crear un servidor utilizando Express, que es un framework de Node.js. Está creando carpetas para organizar sus proyectos, inicializando un repositorio de Git y configurando npm para gestionar dependencias. También está instalando las bibliotecas necesarias, incluyendo Express, Axios para solicitudes HTTP y Dotenv para manejar variables de entorno. Esto es fundamental para la integración con la API de WhatsApp Business y el desarrollo de la aplicación.
oscar muy bien explicado hasta el video 7, en el video 8 se pierde uno con facilidad abres una consola, no sabemos como llegues hasta alli, los aportes de los compañeros son validos de instalar node y git pero despues de eso que sigue, la verdad deberian corregir el video o explicar mejor, teniendo en cuenta que no todas las personas que tomamos los cursos tenemos grandes bases como programadores, hay personas que estamos empezando o al menos antes de empezar cualquier curso decir cuáles son los requisitos mínimos o fundamentos que el alumno debe de tener para empezar hacer dicho curso, de antemano gracias por su pronta respuesta
La clase se centra en cómo crear un servidor utilizando Express para integrar la API de WhatsApp Business. Se inicia configurando un espacio de trabajo, creando carpetas para los proyectos y realizando inicializaciones en Git y NPM. Luego, se instalan las dependencias necesarias, como Express, Axios y Dotenv, y se utiliza NodeMon para facilitar el desarrollo. Se enfatiza la importancia de gestionar adecuadamente las variables de entorno y el uso de herramientas como Visual Studio Code para el desarrollo del proyecto.
Cree una version del projecto que hacemos en este curso con python, es extensible y se usa con pip install whakit <https://github.com/broomva/whakit>
¿Todo lo que hizo se puede hacer usando python? ¿O hay problemas de compatibilidad? ¿Dónde busco los comandos para hacerlo en python?
No tenia instalado en mi linux fedora minuto 1:30 comado sudo dnf install nodejs npm
Hola! Les recomiendo tomar al menos 2 cursos de backend con NODE JS antes de consumir esta API. Por que ? Porque la api de whatsapp se consume desde el backend(node js y express en cuyo caso). Pues tiene informacion muy sensible. Saludos!
En la sección #8, es probable que se haya abierto una ventana de configuración en tu editor o terminal para establecer las variables de entorno o para iniciar el servidor. Esto es común al trabajar con Express y configuraciones de API. Asegúrate de estar ejecutando tu aplicación con NodeMon o el comando adecuado para ver la salida en la consola. Si necesitas más detalles sobre cómo proceder, revisa el material relacionado con la implementación de Webhooks y configuraciones de servidor en la API de WhatsApp.
Aunque podemos adivinar que esta en una consola. Debería decir por que la abrió y que abrió.
Ubicarme en una carpeta e inciar git y npm , luego instalar las dependencias de producción **axios** (para peticiones/solicitudes HTTP) , **dotenv** (manejo de variables de entorno y recursos para proteger los tokens y nunca lleguen a produccion) , **express.** Luego instalar las dependencias de desarrollo **nodemon** (demonio que estara escuchando por cambios…) Abrir visual estudio code y crear el archivo **.gitignore** y escribir dentro el nombre de la carpeta que quiero que GIT ignore **node\_modules/**
Me perdi un poco en este apartado. que programa usa para tus Dev ? ?