Cómo programar o hacer un BOT WhatsApp GRATIS en Node JS (🔴EXPLICACIÓN)

Cómo programar o hacer un BOT WhatsApp GRATIS en Node JS (🔴EXPLICACIÓN)

[Música] comenzamos el que tal amigos bienvenidos una vez más a otra transmisión en esta ocasión estamos con jonathan suárez por segunda vez en el canal de los tensores qué tal cómo andas hola qué tal todo bien ya es la segunda vez que estoy en todo en tus envíos y esta vez con mejor audio si cada vez es y bueno hoy traemos un vídeo el cual lo vamos a transmitir por ambas ambos canales y es el de cómo hacer un bot de whatsapp con know sin servicios de terceros intuición ni nada pagó totalmente opensource con unas librerías de la comunidad no sé jonathan a ti qué te parece este proyecto súper útil de hecho desde que surgió la necesidad de automatizar la respuesta por whatsapp no veo genial porque mucha gente pues quiere eso respuesta automática y no tiene el tiempo para estar respondiendo el momento y esto puede ser una herramienta súper útil para la comunidad exacto exacto y también recordar que estamos tenemos aquí los canales el canal mi ole diferentes donde puedes conseguir cursos de angular no pongo todo lo relacionado con javascript y el canal de jonathan suárez donde está subiendo contenidos sistemas open source y estaba más enfocado al php no sé si quieres agregar otras cosas más mientras personas están en redes pues de que si van a mi canal pues lo que van a conseguir son sistemas completos ya hechos donde se lo pueden descargar y se basa en el repo y si hacen aportes importantes pues se vuelven colaboradores de los proyectos va dedicado generalmente a sistemas open source perfecto entonces nada pilatus a tus seguidores que vayan a compartir este directo en todos los grupos en los que pertenezcan y de igual manera también a las personas que me siguen el canal vamos a compartir a darle a este vídeo y vamos a estar ahí muy activo en los comentarios así que empieza a comentar de qué país nos estás viendo que ahora es cosas interesantes aquí vamos a comenzar y vamos a hablar de qué beneficios trae un bot de whatsapp yo lo he resumido aquí y ahora lo discutimos los beneficios que de primer plano se consiguen es que vas a tener una atención oportuna y personalizada quiere decir que vas a llegar en ese momento vas a estar ahí con una respuesta rápida una respuesta eficaz y sin consumir te tu propio tiempo personal esto va atado con el segundo punto que son respuestas rápidas y sobre todo dedicadas a responder lo que son las dudas más frecuentes como cómo conseguir mi paquete como rastreo mi paquete o de repente con cuál es el número de soporte al cliente a que email escribir entonces esto se puede considerar como que son las preguntas frecuentes y se pueden automatizar además de esto también se une con el punto 3 que es el ahorro ya que mantener una persona así sea en cualquier país y cualquier tipo de hora o jornada completa pues también esto implica pues un gasto de recursos que tal vez en estos momentos de pospandemia no sea lo más conveniente y yo creo que el punto 4 es uno de los mejores que es la recopilación de los datos o sea tú puedes controlar los datos de sus clientes historial de conversación y posteriormente hacer como un análisis de información para saber cuál es tu potencial cliente y de esta manera convertir no sé si quieres agregar otra cosa tuya será de hecho esto dejó un aporte genial para los que tienen un sistema de soporte de tickets que siempre estás como y es que la gente pregunta siempre es lo mismo entonces aquí pues vas a tener una respuesta automática porque la gente no tiene la culpa de no saber ciertas cosas y las filtra si además de que va a tener la base de datos de quienes te escribieron me parece súper o tienes algo de las ya es un aporte genial para todo para tu tienda o tu servicio o lo que ofrezca que la gente le respondan en el instante exacto sí y para eso te estás preguntando qué necesito necesito ser un súper programador o tener altos conocimientos y la verdad es que no aquí los requisitos que estamos vamos a hacer esto ahorita en vivo y los requisitos que necesitas es tener conocimientos básicos de no en el sentido de tener instalado no que no te preocupes si no sabes cómo instalarlo te dejaremos un link en la descripción donde explicó ahí cómo instalar no en windows en cinco minutos tener conocimientos de excel muy básico simplemente para después poder ver tus clientes y las columnas de mensajes y números y el tercero indispensable tener un número de whatsapp este número de whatsapp puede ser el número whatsapp persona con número de whatsapp business así que vamos a comenzar y qué se necesita antes de iniciar vamos a hacer una mención a la librería que vamos a usar que es una librería que se llama whatsapp web si no me equivoco creo que es de una persona de cómo sale aquí confirman que no es una persona de república dominicana sí esta persona de la comunidad es el que creó esta librería o bueno si la creó en el solo buen conjunto pues finalmente la que la está distribuyendo en beat of y es una librería que ya cuenta con más de 2000 estrellas y 582 fork así que ya es una librería pues bastante usada bien qué vamos a hacer vamos a iniciar esto y lo que yo siempre comentó al momento de iniciar un proyecto es que tenemos que irnos a la consola o crear un directorio tú cómo lo haces jonathan usa normalmente la terminal o te vas a crear la carpeta depende en el lenguaje pero generalmente con novo pues siempre me bajo la base del proyecto del express o lo que sea y lo abro con con el webs aunque el que yo uso ok vale vale bueno yo aquí lo que voy a hacer es simplemente crear una carpeta que se llame aquí up de whatsapp y ahora que entramos en esta carpeta de bot de whatsapp le vamos a colocar n pml y el guión ya ahora vamos a abrirla y así con esto y aquí la tenemos qué vamos a hacer yo tengo ya previamente una realizada y la vamos a replicar que fue la que yo mostré en el vídeo sobre la demostración no sé qué dice ya no está si mostramos este vídeo nuevamente para que vean tengan contexto los que están entrando y vamos a verlo en un momento recuerda que estas cosas son aquí improvisadas pero en la idea la idea de esto es que las personas vayan interactuando y vayan compartiendo también sus dudas con nosotros allí jonathan también está pendiente en el chat y tus seguidores normalmente preguntan sobre no o no o son más de php son php pero sí muchos le tienen sus conocimientos de algunos no son la mayoría pero sí hay bastante gente que le mete a diferentes lenguajes y frameworks como como yo o como tú tengo una cantidad de notificaciones y no las consigue cuál dice todas las visiones sigamos con la instalación del express y todo a la instalación lo primero que vamos a necesitar es instalar nos vamos aquí creamos un archivo esto ya lo he dicho yo en otros en otros vídeos vamos a crear un archivo lo vamos a llamar app punto 10 si se ve ahí viene el código o le doy más yo yo lo veo perfecto agua no hay aquí puedes resaltar el que no sepa cómo funciona now de que tú tienes ya un curso sí sí exacto para la gente que no sabe o que está aprendiendo no aquí en la descripción estaré dejando el link hacia todo el curso totalmente gratis y bien no vamos a ir a la consola y para esto vamos a ejecutar el siguiente comando n pm y de install lo podemos saber y dar simplemente y vamos a instalar express vamos a instalar un momento que moment es una librería que nos ayuda a manejar los tiempos y fechas vamos a instalar excel y es que es una librería que nos ayuda a manipular y crear archivos a leer y crear archivos excel vamos a empezar con estas tres librerías vale falta bueno la siguiente sería después de que ya tengas el espera es la de la que ha dicho que es la del box y esa es la que es la que vamos a instalar y ahora vamos a instalar la librería que se llama whatsapp web punto 10 además de esto la vamos a complementar con una librería que se llama qr el código qr terminal que es la que se encarga de generar este código qr en el terminal que posteriormente vamos a escanear y yo voy a agregar unas tres librerías más simplemente para efectos aquí visuales que quiero que la consola se resalte en unos colores esto es importante cuando instalas la librería de whatsapp web esto internamente está usando pupeter que ppt internamente está usando una versión de chromium a nivel de código que la gente que nos está viendo si han visto el vídeo sobre scrap el que tengo en el vídeo usamos esto para internamente es trapear y simular navegadores porque está esta librería lo que hace es que simula un navegador y tú vas a iniciar una sesión como si estuvieras en el whatsapp web por eso él está instalando este paquete que acabaron de ver que creo que pesa 160 y 2 megabytes así que puede demorar dependiendo de su conexión de internet y por último voy a instalar ahora shark de estos paquetes simplemente es para pintar colores en la consola pintar spinner solo a dyn y este para identificar los tipos de archivo que lo vamos a ver en un momento cuando empecemos a enviar archivos multimedia y guardar archivos multimedia que recibimos de nuestros usuarios y aquí ya nos dio un error porque por qué por qué d vamos a quitar solamente estos uno por uno y así sabes cuál fue el que realmente docente saber yo creo que lo escribí lo escribí informal vamos a instalar es el ahora y el mismo ya están los los dos y ahora tenemos todos y ahora vamos a la documentación y aquí siguiendo los pasos que nos indica que es instalar el whatsapp web ahora vamos a hacer este pequeño script que está aquí y esto que hace este script yo ya lo tengo resumido pero vamos a pegar este posteriormente lo vamos analizando paso a paso ok esto hace mención a una función un método que tiene guasa al web que es el de crear el cliente es como crear ese navegador en el cual vamos nosotros a iniciar la sesión y si nosotros en este instante ejecutamos un out app -es vamos a observar un comportamiento como el siguiente aquí esto que están viendo es que esto que está aquí es el código del q ere pero nos sale de esta manera porque no hemos importado la librería de qr así que no lo pueden escanear aún no lo puedes tener aún así que simplemente importamos esto y ahora vamos a decirle que nos genere este código qr esto lo hacemos así no es así si no se va entendiendo algo pues ahí lo vamos viendo aquí tenemos este código qr para las personas que se están preguntando qué es este código este es el este es exactamente el mismo código qr que sale cuando nosotros queremos iniciar una sesión de whatsapp en el navegador yo voy a hacer uso de una versión de whatsapp que tengo un número para esta prueba vamos a desbloquear todos los dispositivos que yo tengo y una pregunta rápida cuando yo no me fijado en las pruebas que hemos hecho y como se ve en el lado de whatsapp como nos detecta el navegador nos dice ay ha sido iniciado desde un navegador x sí sí sí vamos a verlo vamos a verlo una vez esto aquí hay que abrir no sé ni qué le vamos a esto no bueno esto lo bueno de esto es que lo vamos a ir viendo en vivo y en directo y yo voy a compartir la pantalla de del móvil y aquí vas haciendo la conexión detectando y ahí lo ahí va la pantalla ok o que ya se ve no aquí estoy si ve la pantalla si se ve perfecto yo tengo mi whatsapp de aquí abajo que hacer guasa personal pero también tengo instalado otro whatsapp como si fuera whatsapp business que simplemente lo lo voy a abrir y aquí tengo todo esto voy a borrar las conversaciones para que se vea cuando se inicie incluso está de tulio que eso fue lo que usamos en el vídeo de cómo enviar whatsapp con tú y yo me voy al apartado de las de las opciones whatsapp web y aquí nos dice pues nada que escaneamos me pide a que el acceso a la huella y voy a escanear en este momento este código que tengo una terminal lleva aquí género pero el mismo crono momento ahí está ahí lo tenemos y agarro aparece como si si tienen la sesión inicial en una máquina ya no vale genial entonces aquí ya ya tenemos y si observas aquí abajo nos dice que el dispositivo ya está listo esta red y esta red perfecto ahora que lo que la idea está preguntando y qué pasa cada vez que yo inicié o quiera correr mi me script me volverá a pedir mi que escanear el código si tú finaliza es esto y lo vuelves a iniciar te va a volver a generar un script y esto pues ya no tiene sentido no porque es molesto cada rato voy a estar generando y logrando me no pues para esto hay otra práctica que sería guardar la sesión y como guardamos la sesión pues vamos a hacer otro ejemplo que tengo aquí yo voy a declarar dos funciones dos funciones útiles las cuales vamos a quitar esto y vamos a escribir aquí una función que esta función se va a llamar con session esto quiere decir cuando cuando tengo unas cookies y esto es sin sesión en pocas palabras la primera vez que voy a iniciar ahora yo cuando scan el código qr voy a guardar la sesión en un archivo y cómo vamos a hacer eso lo vamos a hacer de la siguiente manera aquí en el apartado de su sección vamos a declarar una constante que se llama session file y la vamos a indicar la ruta donde quiere que se guarde las credenciales le voy a decir que se guarde en un archivo que se llame station punto jason y ahora vamos a guardar eso esto lo vamos a guardar en la función que vamos a iniciar la primera vez esta función genera el qr com y ahora lo que voy a hacer es que uno luego de que se genere el código qr y aquí tenemos el código qr que ya vimos aquí le decimos no tenemos una sesión iniciada y vamos a declarar en globalmente unas variables qué sería esto lo quitamos y lo dejamos aquí en cliente porque porque aquí ya la estamos inicial izando no sé si se va entendiendo o algo pues me van diciendo si no se entiende si si está perfecto de hecho se me ha olvidado decir que lo que están viendo en vivo por mi canal de que les voy a dejar la descripción de todo esto para que no se confundan ponerlos que es el nuevo sino en el contexto de tus vídeos de que voy a dejarles también los líneas tutoriales y lo que no en el repositorio también va a estar ahí como una una breve tutorial con imágenes y demás para complementar todo este vídeo estimó digo porque mucha gente va a tener muchas dudas aquí en los comentarios sí exacto entonces esta función general código qr si cuando se cuando esto se va a ejecutar porque no tenemos una sesión y cuando se dispare esta función de auténtica ejecuta cuando el script ya se asegura de que ha vinculado que ha creado la sesión cuando aparece el mensaje de que el cliente está listo vale en ese momento yo voy a crear un archivo voy a crear un archivo que ese archivo va a tener el nombre de lo que tenemos aquí arriba sesión puntos jason y eso nos va a guardar ahí unos unas cookies unas credenciales que es simplemente la sesión iniciada y por qué hacemos todo esto porque esto nos va a ayudar a evitar el paso de estar escribiendo cada rato así que ahora lo que voy a hacer es que voy a ejecutar esta condición de nar ya que una condición tiene área es una condición en una sola línea en la cual revisa si existe este archivo y si existe ejecuta la función que tiene sesión o de lo contrario ejecuta la función que no tiene sesión bien entonces vamos a correr esto y vamos a ver qué errores salen ahí tenemos el primer error que es que f no está definido efe ese es un paquete que ya por defecto no se tiene que instalar ya que lo trae el know nativamente y los que hayan visto al de escape haber seguro ya lo conocen exacto entonces aquí nos envían nos dice un mensaje que noten no no tenemos una sesión guardada bien como no tenemos una sesión guardada ahora vamos a que se genere ese código qr queremos en este momento que algo está sucediendo vamos a ver aquí no tenemos una sesión iniciada a ok nos falta inicializar el cliente el cliente que básicamente el distanciamiento instancia miento que hicimos del paquete de whatsapp tenemos que decirle al cliente que inicializa y ahí tenemos otra vez el código qr una vez más lo voy a escanear vamos a quitarle el zoom para que esto abarque porque si no no nos llegó escaneamos [Música] ahí lo tenemos y si ahora observan tenemos ya un archivo creado que se llama sesión no sé si lo observas aquí este archivo para estar este archivo contiene aquí serie de llaves y los que mantienen la sesión por así decirlo las cookies nos por así decirlo si finalizamos el script ahora sí finalizamos el script y volvemos al apartado del código ejecutamos nuevamente el script ahora lo que va a suceder es que ya no entra en esta condición porque ya el perdón ya no entra a esta condición porque ahora sí con si existe este archivo lo cual nos va a llevar a esta condición que está vacío o sea por eso no hizo nada pero ahora sí vamos a darle la función a esta condición así que lo que voy a colocar aquí es simplemente un comentario y vamos a recordar el paquete de ahora instalamos esto lo que va a hacer es que nos va a pintar un spinner en la consola luego declaramos las variables sesión data donde vamos a requerir y almacenar el archivo que previamente contiene la sesión le vamos a decir al spinner esto simplemente por efectos visuales que inicie y le vamos a decir que el cliente va a ser igual a otra vez el instancia miento y del cliente pero por una diferencia que esta vez si tiene ya la sesión data esto es como una vez más lo que vieron el scrap ver cuando hacemos que uso de las cookies para simular ya que tenemos la sesión inicial ahora vamos a declarar la función que hace rato usamos en el ejemplo principal que simplemente nos informa cuando el dispositivo ya está listo qué te parece este paquete está bueno está genial y lo he integrado bien que lo puedes mezclar con diferentes herramientas o sea todo solo le está dando una idea pequeña de todo lo que pueden hacer sí o sea si se mezcla con todo lo que está en el canal y demás pues aquí ya podemos podemos ir mejorando y nos dice que ahora no está definido porque no lo hemos definido saco esos problemas no los tengo con el western ya bueno pero esto es parte de de hacerlo aquí en vivo porque si no seguro a las personas también le puede pasar esto aquí tenemos los pueden acostumbrar de vez en cuando sí sí y aquí esto que estamos viendo esto el color amarillo es simplemente lo que hace el paquete de chalk y este spinner que está aquí lo hace el de ahora en heces y simplemente para eso ahora así que ahora vamos a ver se quedó aquí en validando sesión con whatsapp quiere decir que estamos aquí y ahora voy a colocar otra función que también es importante porque puede pasar porque lo que le voy a decirle al cliente que si él detecta algún error de autentificación porque bueno se venció en la sesión o simplemente le dieron finalizar sesión desde el whatsapp pues nos 20 un error para saber qué es lo que está sucediendo en este caso una vez más aquí no inicia no porque hace falta un error sí sí no hace falta esta función de inicializar así que limpiamos ejecutamos ahí está conectándose y ahí lo tenemos el cliente está listo esta red y está genial pero aquí ya quedamos la conexión y no tenemos no existió la necesidad de volver a a generar ese código qr pero incluso le he colocado un error que si algo falla entonces pinte el mensaje de root de autentificación vuelve general con el código qr y borra el archivo sesión esto se puede automatizar pero prefiero usar el mensaje para que lo da igual y eso podría aplicar si tiene base de datos o si tienen txt o si tiene lo que sea a serviría igual imaginemos que aquí la consulta no sea tu a tu jason algo que oye no los guardas en bases de datos también también sí o sea aquí lo dejo sobre todo más muy visual por porque de repente la gente dice ag se borró el archivo sesión solo y no es que según bueno sí seguro sólo si la automatiza pero aquí no aquí te dejo el mensaje muy explícito esto es básicamente vuelve a generar el código qr tenemos la parte como más interesante que era simplemente crear la conexión porque ahora lo que viene es lo divertido que es enviar mensajes y recibir mensajes así que como como lo hacemos vamos a esa parte y vamos a una vez más al apartado de esto y nos dice que atención oportuna y personalizada respuestas rápidas vamos a ahora yo también vas a enviar un mensaje y lo vamos a responder que parece cuando menos cuando me llegando aquí ya tengo esté activando está realizando todo vale tú tienes el número a medel saben que voy a vamos a pasar este número para que escriban el número que que estoy usando heme aquí porque no me lo sé de memoria es otro número que usamos para las pruebas en un momento lo voy a publicar el número es es un número de mexico +52 55 74 95 72 50 en este momento cuando empecemos la parte de las pruebas pueden enviar whatsapp a este número y van a interactuar aquí dinámicamente se va a ver todo para que ustedes sientan todo el dinamismo de este ejercicio bien de prueba aquí bien bien entonces seguimos vamos con el apartado d aquí concesión sin sesión vamos a enviar un mensaje y no sabía mensaje lo recibimos que hacemos primero enviamos a decidimos es para y yo lo espero y lo muestro para que vean que dispara de una vez bien perfecto entonces vamos a recibir este mensaje para recibir el mensaje vamos a hacer uso de un método y esto vamos a crear una función que es la función que es la función se encarga de escuchar cada vez que un mensaje entra nuevo bien y le vamos a llamar system perfecto esto va a ser uso del cliente que es la variable que ya hemos declarado arriba le vamos a decir que escuche el mensaje y aquí viene lo interesante esto va a pasar un atributo que esto se puede decir que es todo el mensaje el arreglo del mensaje arreglo es un objeto realmente y lo vamos a ver ahora y vamos a hacer declarar una vamos a estructurar este objeto porque yo ya me sé previamente las variables que trae los atributos y una de ellas es front que es el número del cual se está al cual del cual se está enviando a él tu que es a quien que sería nuestro número y el body que es el cuerpo del mensaje así que si de esta manera nosotros les hacemos un control ok a esto vamos a obtener ese resultado y esto dónde vamos a ejecutar esta función esta función la vamos a ejecutar en el apartado que nos dice que ya está ready nuestra aplicación donde está aquí perdón y en el apartado que nos dice que ya está ruede vamos a volver a finalizar esto vamos a ejecutar esperemos que aparezca el mensaje de que el cliente está listo y ahora si escribimos un mensaje y ahí estamos esperando que llegue el mensaje ahora aquí estás en directo esto puede funcionar bien hola qué tal no acabo de enviar un instantáneo casi no es así entonces aquí vamos a estructurar esta parte para que se entienda lo que estamos viendo aquí si te fijas el número vienen concatenado con este arroz esto es básicamente con un prefijo que tiene whatsapp así que todos los números tienen tienen como una arroba lo que tenemos como primer parámetro primera parte antes de la arroba es el número de nuestro cliente o nuestra persona que nos está escribiendo y aquí tenemos el mensaje ahora yo lo que voy a hacer es que vamos a vamos a hacer la función de enviar mensaje vamos a hacer una función aparte que esta función la podemos llamar enviar mensaje y le voy a decir como como primer argumento el número a quién y el mensaje ahora lo que hacemos es que simplemente vamos a enviarle aquí qué le podemos enviar a la respuesta de foul gracias por contactarnos o algo así no sé lo que quieras la verdad que vamos a recibir exactamente el número que estamos vamos a pasar exactamente el número que estamos recibiendo y ahora vamos a enviarle el mensaje así que vamos a declarar aquí la nómina el mensaje también tú me lo estás enviando es que de aquí podríamos literalmente hacer uso de esta misma función allá pero lo voy a dejar separado para ahora colocarle y concatenar con otras cosas vale así que aquí vamos a decirle que pase esto y aquí yo le voy a decir o la abro así que ahora esperemos que aparezca que el cliente está listo y escribe lo que quieras y me respondió el avaro me escribiste necesito ayuda y me respondió de una vez o labró excelente necesitamos ya causando lo de la respuesta pero ahora vamos más ahora vamos en el caso útil vamos a hacer de aquí como un switch puede ser un suiche que tenga un caso y en el que tú me digas quiero info y otro caso que diga adiós y aquí recibimos el mensaje entonces si tú me dices adiós yo te digo nos vemos nos vemos pronto recuerda pasarte por los canales de youtube y si tú me dices que quiere info yo aquí te puedo pasar un mensaje que te pregunte de que quieres información nou bhp o amigas por así decirlo así que entonces ahora escríbeme lo que tú quieras quiero info el informe vale a prefiera esperando los que no los que es aunque quiero hay que colocarle un poco más de color a la consola vale para que para usar el chal porque si no lo usamos para préstamos para nada en donde están serios aquí aquí tenemos esto aquí tenemos ahora sí espera que se inicie validando la sesión con whatsapp y ahora si escribe escribo literal como lo colocas te tú tiene que ser aquí puedes hacer la prueba escribe lo que sea que no están las respuestas o sea algo así como una mundo cómo estás y ya no te debe responder nada perfecto lo que tú colocaste es que ya estamos haciendo un bot de whatsapp gratis quiero informe dijo de que quieres información no php o angular exactamente ya y quiero mostrar también el otro móvil en el cual tengo el guasa business que aquí se mantiene bueno que yo no lo puedo ver no sé si tú lo puedes ver igual la gente debería la gente puede como se dice puede interactuar y van a obtener las mismas respuestas que nosotros así que escriben escriben y escriben quiero info o escriban adiós cualquiera de las dos va a funcionar quiero que la prueba con adiós con mayúscula y acento seguro reventaría no creo que no pasaría nada parece aquí abajo el mensaje pero no entran ok es que no está borrando las cosas no no no no es igual exactamente esto que estamos haciendo aquí es básicamente este adiós me respondió perfectamente el segundo preguntas frecuentes esto es básicamente preguntas frecuentes lo típico de cualquier tienda esto se puede conectar incluso después con algo con una librería de google o amazon de conseguir esto de interpretación de textos lenguaje e inteligencia artificial son muchas cosas las que se pueden hacer podría significar lo de tener una lista de muchas posibles respuestas hacer un sears de palabras o un arreglo si son demás las que pueden hacerse para out es tan fácil saber qué se puede hacer en el último vídeo cuando cree el de generar un link de pago se puede hacer que se generó el link de pago sea uno le puede decir bueno sabes que escribe pagar pisos 100 y que el sistema venga aquí / genere un link de paypal y boom hay muchas happy donde yo les paso una regleta es que me devuelven la respuesta al significado de lo que yo quiero en una palabra o lo que sea bien entonces aquí ya estamos haciendo lo de la respuesta de las preguntas frecuentes y vamos a empezar a enviar archivos multimedia porque esto esto se pone mejor y vamos a crear voy a crear otra función que se llame se media y va a ser muy similar la siguiente la gente está diciendo porque repite las funciones aquí sí es casi la misma porque vamos a ir agregándole otras funciones aquí posteriores que vayan guardando el historial etcétera entonces quiero yale separando las bien para lo de los archivos multimedia en lo que necesitamos es simplemente lo siguiente aquí lo tengo un mensaje para el mediano si pero voy a crear una carpeta en este caso voy a crear una carpeta ya cada uno lo guarda donde donde pues nos guste yo voy a crear una carpeta que se llame un archivo multimedia para enviar déjame busco una en una imagen voy a buscar las imágenes de los cursos entonces aquí voy a agarrar estas imágenes que tengo aquí y las voy a pegar dentro de esto ya están aquí las imágenes esas imágenes son las que tenemos en nuestro banco de archivos multimedia con y aquí va a cambiar incluso el nombre a este para que sea más fácil solamente sea curso 1 curso 2001 genial aquí lo tenemos curso 1 curso 2001 ahora que sigue lo que sigue es que necesitamos establecerlo en este apartado decirle de donde el mediafire de dónde va a salir de este mediafire y para esto la librería de whatsapp web tiene un método que se llama mesa ya media esto nosotros lo vamos a usar aquí abajo y vamos a decir que este método va a buscar el archivo de la ruta que nosotros acabamos de crear y aquí en la parte de mensaje le voy a decir que va a ser el fair para que esto tenga más sentido así que aquí le decimos que esto va a ser esto y esto va a ser una vez que ya agarramos el archivo multimedia lo que vamos a hacer es que lo vamos a enviar y esto una vez más y hacemos uso del cliente y decimos enviar mensaje hacia quien y esta vez con lo que acabamos de declarar que es el medio fire ahora nos vamos a ir otra vez al apartado de preguntas frecuentes es la vas a colocar y le voy a decir cuando me escriba hola genial entonces cuando me escriba hola yo le voy a decir que haga esto y que me envíe el curso 1 punto png creo que la imagen aquí lo vemos y curso 1 punto png pero además de esto le voy a decir lo siguiente así que el embi están bien bienvenidos esperamos que se inicie la sesión nuevamente y escribe hoy hola escribir o la llama y no llega nada en una ocasión algo pasó escribiste bola con minúscula y dos chip así tal cual como está aquí también puede ser mi super señal que a veces falla a ver si me sale en los dos chulitos voy a escribir el otro el día dios a ver si me salen adiós vale vale porque sí [Música] yo la escribí prácticamente exacto esperemos que estas cosas son buenos que pasen en envíos esto es sólo la magia de esto bienvenido me envió el bienvenido pero no me he llegado a la imagen no también la imagen vale no pasa nada vamos a ver qué pasó curso guión 1 punto png de eso está seguro no está mal escrito el mides media eso sí tiene sentido claro espera te devuelvo a iniciar y dale ahí va bienvenido y perfecto me llegaron y llegó la imagen perfectamente está buenísimo y mira aquí en el otro en el otro igual bienvenido y la imagen está excelente ahora que lo que vamos a hacer vamos y vamos a empezar a difundir es que no tenemos más números para probar aquí en vigo pero si quisiera pudiéramos difundir a otras a otras personas por ahora lo que haré es lo de guardar el historial y para eso de guardar el historial eso sería súper útil si lo vamos a hacer y así puedes hacer una revisión manual en caso de que tengas muchos clientes de algo de la gente que no llegó a una solución con el box pues puedes tenerlos filtrados y organizarlos a éstos les soluciones yo manualmente porque el boc no pudo x causar sabemos si o sea es una función también son bastante o lides o estás diciendo de esto de que lo marca blanca que van a tener el proyecto es que pueden personalizarlo como quieran ya que no lo pueden usar exactamente como tú lo vas a dejar los en hacer lo que lo que les plazca vale pero lo que vamos a hacer voy a crear una carpeta que se va a llamar chats y lo que voy a guardar un archivo excel por cada cliente que me inscriba o sea cada número de teléfono voy a guardar un archivo excel con la fecha y con el mensaje que se está escribiendo así que vale vamos a aclarar una función que se llame a tener un archivo excel para cada cliente era admisible o para cada conversación para aclarar no por cada número de teléfono por cada número van a agregarse su conversación a genial exacto exacto sí entonces para esto necesito importar la librería que previamente ya hemos instalado la de excel así que eso es 10 white excel vamos a hacerlo así nos vamos aquí el apartado de guardar la historia y ahora lo que vamos es a indicarle dónde va a guardar este historial y éste lo va a guardar aquí en el directorio de chats y aquí vamos a guardar el número este número nosotros lo vamos a pasar como un argumento y también vamos a pasar como un argumento el mensaje que la persona esté recibiendo lo vamos a guardar punto x l s x bien es simplemente la ruta ahora para crear el archivo vamos a crear un word wood y le vamos a decir que esto va a ser un new excel word book y ahora instalamos también momento si estamos en verdad el momento estará hasta el principio y color moment es para el manejo de fechas así que ya se emplea tivo donde están aquí vamos a que una constante que se llame to day de ser igual a momento y momento vamos a guardar en un formato de día a día mes año año a año por cinco minutos bien y ahora hacemos uso de una función de file system va a buscar si existe ya esta conversación si existe ya este chat o de lo contrario aquí lo cree creamos hace rato que piensa lo mismo que me está respondiendo a la pregunta de hace rato con esto sí sí sí vale entonces aquí le decimos al word wood al word porque haga uso del método xlsx y lea el archivo con la opción el archivo que ya nos hemos asegurado de que exista y esto devuelve una promesa esta promesa aquí viene algo interesante vamos a dejarlo hasta aquí porque no tenemos el archivo vamos a enfocarnos ahora como si tuviéramos para acá lo que sí para para crearlo entonces a la función de los word wood el cuerpo es como el archivo de excel y ellos tienen las pestañas abajo que son como los works y entonces vamos a crear un workshop y le decimos que esto va a ser igual a word book y le agregamos una pestaña de aquí y la llevamos chats katz perfecto ahora vamos a agregar el encabezado las columnas de de la del archivo de excel así que en esto le vamos a decir que las columnas para hacer un array en el cual va a decirle que él encabeza lo va a decir fecha del primero y esto le vamos a asignar un key como puede ser el day y por otro lado le vamos a decir que la columna al lado es el mensaje que estaremos a colocar mestalla y en perfecto ahora vamos a agregar esto esto simplemente está definiendo los encabezados ahora vamos decir que agregue el registro del chat y eso decimos que agregue simplemente la fecha y que agregue el mensaje está de esta manera el primer valor para con el primero el segundo va con el segundo agrega la fecha y agrega el mensaje una vez que esto se hace le decimos al word book decimos al word but que escriba un archivo xls rafael y que lo escriba en la ruta que ya previamente le hemos asignado y que aquí nos devuelva un mensaje que diga historial creado o de lo contrario si por algún motivo algo sucede escribimos algo algo falló así que ahí puedes volver a escribir cuando este rey y ahora en este momento voy a escribir de nuevo el hola el que me da en la imagen hola bienvenido perfecto me respondió con la imagen sabes qué pasó lo que coloca la función de guardar historia nunca más a ver si el nombre o la ley sola pero lo vas a colocar al final de todo sin aguardar estudia la cuestión es claro lo que espera de que inicie sesión perfecto voy hola esto en el dice historial creado perfecto ahí se creó ya el archivo excel y lo vence y si lo revelamos en el excel o en la máquina yo tengo si yo uso xcelera eso sí es raro ahí tenemos mira la fecha y el mensaje que aparece está genial está genial bien vamos a hacer la parte en el que ya sí existen en la que ya se existe el mensaje entonces agregue uno más al historial como tal que era la primera función que estábamos haciendo así que cáritas creó a dios para probar cuando esté exacto vamos aquí a este apartado de leer y aquí la cosa se puede ver al inicio se puede como si no manejas muy la librería cp es como prestar un poco enredado pero no hay nada del otro mundo de igual manera que abajo nosotros creamos un watch y pues aquí vamos a crear también una constante que se llame words el que va a ser uso del word book y aquí viene lo importante le vas a decir que agarre la primera pestaña del excel igual si las personas aquí simplemente quieren guardar el chat con que escriban esto le va a funcionar tampoco hay que hay que hacer aquí todo un estudio de la nasa para esto así que el chiste no sé si lo sabía pero excel ya es oficialmente un lenguaje de programación si salías no pero mira interesante hace poco y de hecho microsoft asegura que es el lenguaje más utilizado en el mundo bueno eso seguramente y para mostrar el potencial han hecho juegos hacen un montón de cosas que es muy poderoso excel aquí estamos acabando el último registro este es el último registro que existen es en el en el archivo si en el archivo de registro aquí estamos agarrando el último registro y ahora yo quiero agarrar el número que representa ese último registro así que para esto pues vamos a mezclar simplemente una variable que se llame get loud' ser ya esto le voy a decir que el word works y vas a agarrar el último registro y ese último registro va a ser el lapso con el nombre ahora agarramos esto y aquí viene lo importante la celda a la baja una celda a hacer la típica celda del ecce aquí está la celda y vamos a cargar lo que sería el valor normal al final asignarle el valor a la celda a esto es como llegar a este punto al último y aquí es que win escribir el punto y de igual manera lo vamos a hacer con la celda b pero en hacerla vamos a agregar es el mensaje bien ahora simplemente le vamos a decir que a esto le haga un cómico así como nos repo y ya está ahora al word but arlequín clx le decimos que escriba el archivo en arriba donde siempre y aquí lo vemos lo podemos colocar toda la función d que nos digan se agregó chat o de lo contrario se le error que digan algo ocurrió guardando el chat perfecto algo que es importante si están en windows no sean en linux o mac cierre en el archivo este porque si no si les va a dar un error sienten que cerrarlo volvemos a iniciar esperamos que ya está ya puedes escribir ya estaba en el estado que se reventó algo así ya aquí dice que no se puede leer la propiedad donde fine de esto y es porque aquí no era word si quiera el word hasta aquí el word book [Música] aquí era el word semana aunque me respondió el primero reventó en el segundo pero no alcanzó a responder si es que aquí el problema fue el de la asean insertar en el excel vale que escribo ya está arriba sí ya está al revés se agregó el chat que dice genial entonces ya debería tener una conversación más hola adiós genial está perfecto me dio justo lo que acabo de escribir y la respuesta automática que tenías para el adiós a que nos vemos pronto recuerda pasarte por los canales de youtube excelente jugó pues ya estamos guardando historial estamos enviar los archivos multimedia estamos enviando archivos sencillos y otra cosa ya con esto todos los usuarios les basta y le sobra ya desde que sí algo importante vamos a hacer una app y vamos a hacer una ruta para que se puedan enviar mensajes mediante postman y ya posteriormente si las personas quieren conectarlo con una aplicación de angulas real con lo que quieran ya va escriban y las llaves que lo pueden hacer entonces vas a hacer una ruta para que simplemente recién la funciones si no ya instalamos el exprés que incluso no leemos ni insertamos hace que lo distancia lo implementamos decimos que va a ser un app que está pp de va a ser que exprés y luego le decimos que aquí app bauza a llevarse me acuerdo express no un elenco de sí de memoria y esto es porque ahora para que funcione el envío el boliviano no se si bien ahora que lo iremos a probar un momento y vamos a declarar de una vez una ruta que deseamos y que esta ruta post va a ser la ruta de cent y vamos a yo creo que podemos no sabes que me voy a quedar aquí una no crear una nueva que se llame este parámetro región del segundo response esto viene aquí y le vamos a responder qué responde estatus enviado y aquí viene lo importante que no sé si me quedo bien body va a ser igual no vamos a hacer el mensaje va a ser igual a lo que venga en body y además de esto también voy a colocar una cosita de estas sólo para probar antes de lanzarme a lo arriesgado a esto vamos a colocar aquí está un poco pienso como seguro que el equipo y nosotros hacemos iniciales tabla sin siquiera tenemos a pepe system vamos a levantarlo por el puerto 9000 y aquí le decimos api está arriba finalizamos iniciamos aquí está tu vida ya tienes el hombre sin eso tengo el pacman ahora simplemente nos vamos a ir al puerto 9000 localhost y esperamos y vamos a cerrar todas estas cosas que tengo aquí nos vamos a ir post http localhost 9000 como fue la ruta s en el número en qué formato lo vas a enviar para que funcione envío un número normal y hay algo q castelo con con el que te comenté vale entonces aquí por ahora lo único que quiero probar lo siguiente quiero probar si esto hola mundo y esto que diga aquí el número a ver si aparece en la consola abrirá así funciona el lugar entonces aquí quiero que concatenar arroba aunque creo que si sube esto al servidor vas a tener el día de los corsos bueno habría que instalarlo de les corts lo voy a instalar para la gente que lo vea pensar con eso que genere install course 6 y una vez que instalen los course van a ir aquí debajo de esto es decir app y usa espérate espero que no hagan eso todavía tiene que venir aquí arriba e importar course kores corts y aquí ahora sí app news y ya está ok lo que quería ver en la concatenación de la c punto u s entonces esto nos vamos aquí y aquí le vamos a decir qué y constante niu niu nombre va a ser igual está concatenado con la arroba ce punto y s de hecho aquí pueden hacer algo con la gente porque pueden validar que sea un número real que no tengan carácter es que tenga todo tipo de cosas para la app sims y correctamente y aquí le vamos a enviar el mensaje y ahora sí e dale a probar a ver voy vamos a escribir o la mano no pero no yo tengo que escribir claro no podréis probar de ninguna manera no tengo rota como la de manuales aquí voy a acordar esto me voy a ir al post man le va a colocar aquí en esto y que todo bien todo correcto y todo bien todo correctos colocaste mi número sin equivocarte lo tenías copiado del archivo de excel la verdad genial todo bien todo correcto de la pantalla de ir a la pantalla pero a la la la la la la espérate otra vez otra otra una vez más super bien y rápido podrías hacerte un formulario a tu manera está súper súper súper bien para esto no solamente por guasa sino por a la vez por email a la vez por cualquier otra a pie terceros y en tan sólo una hora exactamente una hora 40 segundos le damos un agua una hora 40 segundos y ya hicimos un voto y whatsapp gratis aquí el virus está retire estas que lo pueden implementar muy fácil o sea simplemente está muy sencillo para la gente que nos venga muchas naciones de no esté como yo que soy bastante nuevo con nose entiende perfectamente si lo entendiste sí sí está genial ya lo podría replicar ya simplemente sin bajarme el repo teniendo sólo los nombres de las librerías es bastante intuitivo lo importante es que aquí yo ya he dejado esto que hicimos ese envío para que se vea en el sentido de que lo hicimos en una hora es explicando la función por función pero si se van esto lo colocaremos ahí en el link de la descripción y demás aquí colocaré aquí está básicamente todo lo que hicimos y paso a paso ahí incluso te puedes hacer tú como tú haces en tu canal instalación de software y demás lo puedes hacer aquí simplemente lo que hicimos paso a paso que tienes que hacer primero en el pedestal haga alguna interfaz visual rápida para que consuman tu api y lo puedan ver y una vez como demo aunque la ocu la magia estás aquí es es lo más lo más genial pero qué le vas a hacer o que hagamos que la podría hacer no sé tengo que ver yo lo voy a hacer lo vamos a hacer en 10 minutos como encuentro rápida en aguas y vamos a hacer aquí rápidamente hacer un paquete que se llame fronte capi la piña lo tengo así from both the boy la voz de whatsapp y entramos en este trombo de whatsapp new le llamamos front y nada esperamos que este se cree seguimos aquí mostrando aquí está creando aquí nuestro poco otra vez lo que hicimos es escanear el código qr la parte de que tienes que escanear está loco lo que hay muy gráficamente si no lo entiendes bueno que una vez más aquí el aviso de que el cliente de está arriba como usarlo enviar el mensaje aquí debes obtenerla superman escrito así que las personas que están por ahí vienen los repositores y pueden colaborar con ortografía o documentación puedes estar excelente y aquí veo los ejemplos que eso fue lo que yo coloqué en el grupo de face en el cual mostraba aquí un poquito de todo lo que hemos hecho colocar los link la respuesta automática cuando se crean los archivos de la historial las preguntas exactamente lo que hicimos en esta parte y aquí tenemos ya nuestro angular nuestro ángulo voy a abrir entonces por este lado voy a abrirlo con esto esto está súper improvisado así que espero que todo salga bien sé lo que tendría que ser simplemente un formulario bueno en teoría todo está sencillo hacer un formulario que le disparé a tu papi a tu huapi local en este y estaría sería como para que no sea el post man para los que no se maneje muy bien con el pomar 6 y si mira vamos a cerrar esto vamos a abrir el proyecto el proyecto está dentro del f dentro de lo que dice vídeo ya no me acuerdo no está dentro de dos comidas las cosas los documentos lo tuve estuviste aquí en estos vídeos y después [Música] aquí ya con éste y vamos a abrir esto vamos a abrir este no sé por qué lo me tiene una carpeta pero bueno subimos y subimos esta parte que necesitamos vamos a ir al módulo y lo que necesitamos es importar el paquete de h para ti y en módulo ya para que en estos avisos aquí otro hizo más aquí necesitaría ser bien muerto por ti bajase león valido una validación del formulario nada por ahora qué variación simplemente es un mensaje vale el http que en módulo tenemos el at componen nos vamos a ir aquí volvemos esto vamos a hacer aquí suele es una esto vamos a hacer de aquí nada una cosa de éstas con un formulario que es no tenga un informe que se hace en detalle y dentro de esto vamos creando atrás ahora lo vemos tan y el input que sería el número primera impulsaría del número de destino puede ser y tu número de teléfono y abajo de exarjia para mensajes y aquí un text área perfecto tex tex ya funciona me salen [Música] bueno vamos a enviar vale y aquí en place holder que diga quiere ver [Música] vale ahora simplemente nos vamos a crear esto y vamos a crear esto [Música] como que ya tendría que hacer importar en el constructor del hp si quitas esto lo borramos tenemos aquí no tenemos constructor porque en la misión no creamos que más necesitaríamos pero no lo necesitas no no será una funda no nada aquí es muy sencillo que aquí vamos a usarlo de http antes de este cliente está bien necesitaría más nada el botón de enviar que entonces esto se va a conectar al http client y espero hacer un post y voy a declarar aquí esto nos lo hagan esto en variable entorno del equipo de efectos prácticos la voy a declarar de una vez 29 aquí está la que ya está aquí el body que sería necesaria y que es fría y aquí a esto le decimos que esto hace igual y esto se escribe [Música] y aquí que diga un mensaje enviado y aquí que digan algo ocurrió está perfecto creo que ya no estamos utilizando al frank bueno esta carpeta y esperamos del balde que esté celebrando sus trámites hay un tutorial rapidito de consumir a pis en en angular que chula estas las luces esperemos que esta calle esto es súper rápido claro no tiene casi módulos proyecto nuevecito ojalá si fueran todos los terribles en esto se dio bastante feíto pero bueno aquí ya que viene aquí ya empezó a saber que los formularios en el jefe si usaste si usted ya no sepa que usted esté pero basta igual venga vamos a colocar este tiempo sí sí no sé para qué utilizar a etiquetar fans es igual no sé ni fórmulas reactivos el número entonces mira aquí lo tenemos en que está veamos si no nos vamos aquí sí sí número de teléfono vamos a ver aquí es una esta estimación es una vez apuntando a la pantalla esto ya es nervios porque es toda la primera ni lo hemos probado esto es tú me estás hablando tú me estás hablando de ande de la línea de boca no el muelle ahí jaja no los funcionarios qué diferencia tiene mirar la ruta de metal postman mensaje y tú seguro que era mensaje y tú los dos parámetros que están esperando revisa el pacman funcionó si funciona sabes que creo que es espérate sabía que no va a funcionar la primera vez no era demasiado arriesgado sí sí pero es por esto por el tipo de encabezado por el tipo de cabeza agregó una vez por aquí creo que tengo un man siempre escuela de sólo malas bombas nada sino que ya creo que seleccione el otro déjame colocar estas cosas que yo sé que están de piqué pero sabes qué a ver cuál es el encabezado que estamos viendo aquí ve al plan application jason y aquí cual estamos viendo es bueno sirve para las imágenes y todos el forum de code siempre lo pongo yo cuando tengo problemas con imágenes bueno lo que vamos a hacer es que vamos a crear un encabezado de heather aquí que esto menoscabe copias de esta cover flow así que como todos los yo emocionado que funciona la primera vez no se se ha escuchado la frase no hay buen programador sino buen goleador a todos nos toca buscar lo algo siempre por muchas veces que lo hayamos hecho obvio obvio sí obvio sí [Música] esto funciona así nomás al parecer así le gustó no no no te lo envío de una vez way no está funcionando vamos a arreglar este tenemos que arreglarlo bueno la gente que viene por lo del boc de guasa que vean que no estamos haciendo un árbol de guasa de los que estén llegando por casualidad el box ya funciona perfectamente disparamos correos disparamos whatsapp perdón los tenemos aquí los respondemos el voto nos responde el voto nos envía de manera automática pero estamos haciendo una interfaz visual gracias si esto es improvisado estoy desde bueno más de angular solamente del nou también unas pruebas si es que no instalamos el body guard set aunque sabes que no sé por qué estamos entregando sea si puedo y parce y me lo sé de memoria tienes que estar le puede estar body farc voy a dispararse yo no recuerdo haber tenido problemas bueno también porque yo no generalmente no uso las parejas y nativos sino ya usó el paquete que viene estudiando con todo lo que esté al lado y aunque me siento a esto claro antes desde el body parte 2 y está aquí y esto aquí jason da igual presionado a la primera se tiene ya fe en estado o todavía [Música] quisiera apostar pero sus instalado siempre ya lo trae en teoría pero nunca instalado no es el problema en que no me reciba tipo de caracteres con imágenes y con medias pero no con con textos con simples ejemplos entonces envíame algo a ver voy a colgar aquí la camarita esto ya no deja de dolina por qué si son los mismos hemólisis desde whatsapp manténte y que estas iva esta si es la chiva esta hacia la chingada no no creo que me hagas tumbado y ha iniciado la api no si ya ya ya no sé si copié el número ahora y espérate sí y mira que se apagó a ver yo te digo esto es saber el número dos número está perfecto con el 34 pero no pero también puede ser mi tener han muerto voy a escribirte yo un hola a ver está aprendida la api pueden ser mi internet porque si se me queda con un solo chulito si quieres te envié lola y no me responden voy a escribir la otra persona a ver déjame déjame abrir a mí mi whatsapp es que esto pasa como también pasa con todos los whatsapp que a veces cuando uno lo deja sin sí envío la siss y por eso puede abrir whatsapp así que como pasa también con otros como te vas a ti a veces que se desconecta sí sí ahora siempre vi saber llegó que nada me llega la matica espero que no además cáritas a esta espera te vamos a enviar que esté si es lo bueno hola mundo gracias ahora genial voy a responderle adiós y ahí nos vemos bueno bueno bueno bueno amigos ya está bueno fueron dije que diez minutos fueron 18 minutos pero por ese pequeño inconveniente pero son cosas que pasan y bueno pues ya acabamos con el voto y whatsapp vamos a dejar link del opositor de la descripción y link de los canales también en la descripción recuerda una vez más que si estás aprendiendo no voy a escribir angular en el canal en el canal mío de diferentes tenemos cursos de angular no soccer en vivos montgó muchas cosas más y si te gustan los sistemas open source sistemas que ya están realizados y simplemente quieres implementarlos en el canal de jonathan también tenemos muchos sistemas de restaurantes citadas facturación y este canal va más enfocado del bhp correcto si de sea pienso integrar diferentes tipos de sistema más futuro pero por ahora estoy como con lo más estándar con cosas más sencillas en php que es como también lo que el internet el 80 por ciento casi este hp pues no se escribe en los comentarios a ver qué tal les pareció vamos a estar checando ahí echándole ojo ojo a eso y cualquier duda cualquier inconveniente que tengan o si quieren implementar esto de otro nivel no se subirlo a un servidor x o implementarlo en un servidor local y tienen algún inconveniente no duden en los comentarios escribir los que ahí estamos muy atentos así que amigos hasta la próxima y que estén muy bien adiós no sesiona tan si quieres decirte no pues que decir cualquier cosa comenten para los que vengan de parte de mi canal yo estaré atento también en los comentarios a los que no les puede responder en vivo pues si no hubiera hecho el vídeo demasiado largo este pero en la cajita de comentarios siempre estamos ahí pendientes y cualquier cosa también en el grupo de whatsapp en el grupo de facebook también estamos atentos y eso es todo hasta la próxima

Noticias relacionadas