mirror of
https://github.com/cheveguerra/bot-whatsapp.git
synced 2026-04-18 03:29:15 +00:00
fix: 🔥 update qr package
This commit is contained in:
Leifer Mendez
1
.github/workflows/netlify.yml
vendored
1
.github/workflows/netlify.yml
vendored
@@ -3,7 +3,6 @@ name: 📄 (PROD) Desplegando documentacion
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- main
|
||||
- next-release
|
||||
|
||||
jobs:
|
||||
|
||||
5
.github/workflows/releases.yml
vendored
5
.github/workflows/releases.yml
vendored
@@ -1,8 +1,9 @@
|
||||
name: 🚀⚡ Liberando versiones
|
||||
|
||||
on:
|
||||
release:
|
||||
types: [created]
|
||||
push:
|
||||
branches:
|
||||
- production-release
|
||||
jobs:
|
||||
############ RELEASE ############
|
||||
release:
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
FROM node:lts-bullseye as bot
|
||||
FROM node:18-bullseye as bot
|
||||
WORKDIR /app
|
||||
COPY package*.json ./
|
||||
RUN npm i
|
||||
COPY . .
|
||||
ARG RAILWAY_STATIC_URL
|
||||
ARG PUBLIC_URL
|
||||
ARG PORT
|
||||
CMD ["npm", "start"]
|
||||
|
||||
@@ -5,26 +5,8 @@
|
||||
</p>
|
||||
|
||||
|
||||
**Con esta librería, puedes construir flujos automatizados de conversación de manera agnóstica al proveedor de WhatsApp,** configurar respuestas automatizadas para preguntas frecuentes, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las interacciones con los clientes. Además, puedes configurar fácilmente disparadores que te ayudaran a expandir las funcionalidades sin límites. **[Ver más informacion](https://bot-whatsapp.netlify.app/)**
|
||||
**Con esta librería, puedes construir flujos automatizados de conversación de manera agnóstica al proveedor de WhatsApp,** configurar respuestas automatizadas para preguntas frecuentes, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las interacciones con los clientes. Además, puedes configurar fácilmente disparadores que te ayudaran a expandir las funcionalidades sin límites. **[Ver documentación](https://bot-whatsapp.netlify.app/)**
|
||||
|
||||
```js
|
||||
const main = async () => {
|
||||
const adapterDB = new MockAdapter()
|
||||
const adapterFlow = createFlow([flowPrincipal])
|
||||
|
||||
const adapterProvider = createProvider(BaileysProvider, {
|
||||
accountSid: process.env.ACC_SID,
|
||||
authToken: process.env.ACC_TOKEN,
|
||||
vendorNumber: process.env.ACC_VENDOR,
|
||||
})
|
||||
|
||||
createBot({
|
||||
flow: adapterFlow,
|
||||
provider: adapterProvider,
|
||||
database: adapterDB,
|
||||
})
|
||||
}
|
||||
```
|
||||
|
||||
```
|
||||
npm install
|
||||
|
||||
@@ -5,86 +5,62 @@ const {
|
||||
addKeyword,
|
||||
} = require('@bot-whatsapp/bot')
|
||||
|
||||
require('./server.http')
|
||||
|
||||
const QRPortalWeb = require('@bot-whatsapp/portal')
|
||||
const BaileysProvider = require('@bot-whatsapp/provider/baileys')
|
||||
const JsonFileAdapter = require('@bot-whatsapp/database/json')
|
||||
|
||||
/**
|
||||
* Aqui declaramos los flujos hijos, los flujos se declaran de atras para adelante, es decir que si tienes un flujo de este tipo:
|
||||
*
|
||||
* Menu Principal
|
||||
* - SubMenu 1
|
||||
* - Submenu 1.1
|
||||
* - Submenu 2
|
||||
* - Submenu 2.1
|
||||
*
|
||||
* Primero declaras los submenus 1.1 y 2.1, luego el 1 y 2 y al final el principal.
|
||||
*/
|
||||
const flowDocs = addKeyword([
|
||||
'doc',
|
||||
'documentacion',
|
||||
'documentación',
|
||||
]).addAnswer([
|
||||
'📄 Aquí encontras las documentación recuerda que puedes mejorarla',
|
||||
'https://bot-whatsapp.netlify.app/',
|
||||
])
|
||||
|
||||
const flowBolsos2 = addKeyword(['bolsos2', '2'])
|
||||
.addAnswer('🤯 *MUCHOS* bolsos ...')
|
||||
.addAnswer('y mas bolsos... bla bla')
|
||||
const flowTuto = addKeyword(['tutorial', 'tuto']).addAnswer([
|
||||
'🙌 Aquí encontras un ejemplo rapido',
|
||||
'https://bot-whatsapp.netlify.app/docs/example/',
|
||||
])
|
||||
|
||||
const flowZapatos2 = addKeyword(['zapatos2', '2'])
|
||||
.addAnswer('🤯 repito que tengo *MUCHOS* zapatos.')
|
||||
.addAnswer('y algunas otras cosas.')
|
||||
const flowGracias = addKeyword(['gracias', 'grac']).addAnswer([
|
||||
'🚀 Puedes aportar tu granito de arena a este proyecto',
|
||||
'[*opencollective*] https://opencollective.com/bot-whatsapp',
|
||||
'[*buymeacoffee*] https://www.buymeacoffee.com/leifermendez',
|
||||
'[*patreon*] https://www.patreon.com/leifermendez',
|
||||
])
|
||||
|
||||
const flowZapatos = addKeyword(['1', 'zapatos', 'ZAPATOS'])
|
||||
.addAnswer('🤯 Veo que elegiste zapatos')
|
||||
.addAnswer('Tengo muchos zapatos...bla bla')
|
||||
.addAnswer(
|
||||
['Manda:', '*(2) Zapatos2*', 'para mas información'],
|
||||
{ capture: true },
|
||||
(ctx) => {
|
||||
console.log('Aqui puedes ver más info del usuario...')
|
||||
console.log('Puedes enviar un mail, hook, etc..')
|
||||
console.log(ctx)
|
||||
},
|
||||
[flowZapatos2]
|
||||
)
|
||||
|
||||
const flowBolsos = addKeyword(['2', 'bolsos', 'BOLSOS'])
|
||||
.addAnswer('🙌 Veo que elegiste bolsos')
|
||||
.addAnswer('Tengo muchos bolsos...bla bla')
|
||||
.addAnswer(
|
||||
['Manda:', '*(2) Bolsos2*', 'para mas información.'],
|
||||
{ capture: true },
|
||||
(ctx) => {
|
||||
console.log('Aqui puedes ver más info del usuario...')
|
||||
console.log('Puedes enviar un mail, hook, etc..')
|
||||
console.log(ctx)
|
||||
},
|
||||
[flowBolsos2]
|
||||
)
|
||||
|
||||
/**
|
||||
* Declarando flujo principal
|
||||
*/
|
||||
const flowDiscord = addKeyword(['discord']).addAnswer([
|
||||
'🤪 Únete al discord',
|
||||
'https://link.codigoencasa.com/DISCORD',
|
||||
])
|
||||
|
||||
const flowPrincipal = addKeyword(['hola', 'ole', 'alo'])
|
||||
.addAnswer(['Hola, bienvenido a mi tienda', '¿Como puedo ayudarte?'])
|
||||
.addAnswer(['Tengo:', 'Zapatos', 'Bolsos', 'etc ...'])
|
||||
.addAnswer('🙌 Hola bienvenido a este *Chatbot*')
|
||||
.addAnswer(
|
||||
['Para continuar escribe:', '*(1) Zapatos*', '*(2) Bolsos*'],
|
||||
{ capture: true },
|
||||
(ctx) => {
|
||||
console.log('Aqui puedes ver más info del usuario...')
|
||||
console.log('Puedes enviar un mail, hook, etc..')
|
||||
console.log(ctx)
|
||||
},
|
||||
[flowBolsos, flowZapatos]
|
||||
[
|
||||
'te comparto los siguientes links de interes sobre el proyecto',
|
||||
'👉 *doc* para ver la documentación',
|
||||
'👉 *gracias* para ver la lista de videos',
|
||||
'👉 *discord* unirte al discord',
|
||||
],
|
||||
null,
|
||||
null,
|
||||
[flowDocs, flowGracias, flowTuto, flowDiscord]
|
||||
)
|
||||
|
||||
const main = async () => {
|
||||
const adapterDB = new JsonFileAdapter()
|
||||
const adapterFlow = createFlow([flowPrincipal])
|
||||
const adapterProvider = createProvider(BaileysProvider)
|
||||
|
||||
createBot({
|
||||
flow: adapterFlow,
|
||||
provider: adapterProvider,
|
||||
database: adapterDB,
|
||||
})
|
||||
|
||||
QRPortalWeb()
|
||||
}
|
||||
|
||||
main()
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-bailey-json",
|
||||
"name": "base-bailey-json",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
@@ -13,6 +13,7 @@
|
||||
"@bot-whatsapp/cli": "latest",
|
||||
"@bot-whatsapp/database": "latest",
|
||||
"@bot-whatsapp/provider": "latest",
|
||||
"@bot-whatsapp/portal": "latest",
|
||||
"@adiwajshing/baileys": "4.4.0",
|
||||
"mime-types": "2.1.35",
|
||||
"wa-sticker-formatter": "4.3.2"
|
||||
|
||||
@@ -1,80 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="preconnect" href="https://rsms.me/" />
|
||||
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
|
||||
<title>🤖 Crear chatbot WhatsApp en minutos</title>
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
align-self: center;
|
||||
align-items: center;
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<img
|
||||
style="
|
||||
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
|
||||
rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
|
||||
border-radius: 15px;
|
||||
object-fit: contain;
|
||||
"
|
||||
width="400"
|
||||
height="400"
|
||||
src="qr.png"
|
||||
alt="Escanear QR"
|
||||
/>
|
||||
<div style="width: 400px; display: grid; gap: 1rem">
|
||||
<h1 style="margin: 0">Whatsapp QR</h1>
|
||||
<p>
|
||||
<strong
|
||||
>F5 para actualizar, el codigo se actualiza cada minuto. </strong
|
||||
><br />
|
||||
Con esta libreria, puedes configurar respuestas
|
||||
automatizadas para preguntas frecuentes , recibir y
|
||||
responder mensajes de manera automatizada, y hacer un
|
||||
seguimiento de las interacciones con los clientes. Además,
|
||||
nuestro Chatbot se integra fácilmente con otros sistemas y
|
||||
herramientas que ya esté utilizando en su negocio.
|
||||
</p>
|
||||
<div>
|
||||
<a
|
||||
target="_blank"
|
||||
style="
|
||||
background: white;
|
||||
box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
|
||||
rgb(0 0 0 / 6%) 0px 0px 0px 1px;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
color: #1a1a1a;
|
||||
border: solid 1px #afafaf;
|
||||
"
|
||||
href="https://bot-whatsapp.netlify.app/"
|
||||
>Ver documentación</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,34 +0,0 @@
|
||||
const http = require('http')
|
||||
const fs = require('fs')
|
||||
const path = require('path')
|
||||
|
||||
const PORT = process.env.PORT || 3000
|
||||
|
||||
/**
|
||||
* Levantar un HTTP Server
|
||||
*/
|
||||
http.createServer(function (req, res) {
|
||||
var cssPath = undefined
|
||||
var fileStream = undefined
|
||||
var imagePath = undefined
|
||||
|
||||
if (req.url === '/') {
|
||||
fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
|
||||
res.writeHead(200, { 'Content-Type': 'text/html' })
|
||||
res.end(html)
|
||||
})
|
||||
} else if (req.url.match('.css$')) {
|
||||
cssPath = path.join(__dirname, 'public', req.url)
|
||||
fileStream = fs.createReadStream(cssPath, 'UTF-8')
|
||||
res.writeHead(200, { 'Content-Type': 'text/css' })
|
||||
fileStream.pipe(res)
|
||||
} else if (req.url.match('.png$')) {
|
||||
imagePath = path.join(__dirname, req.url)
|
||||
fileStream = fs.createReadStream(imagePath)
|
||||
res.writeHead(200, { 'Content-Type': 'image/png' })
|
||||
fileStream.pipe(res)
|
||||
} else {
|
||||
res.writeHead(404, { 'Content-Type': 'text/html' })
|
||||
res.end('No Page Found')
|
||||
}
|
||||
}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
|
||||
@@ -1,7 +1,9 @@
|
||||
FROM node:lts-bullseye as bot
|
||||
FROM node:18-bullseye as bot
|
||||
WORKDIR /app
|
||||
COPY package*.json ./
|
||||
RUN npm i
|
||||
COPY . .
|
||||
ARG RAILWAY_STATIC_URL
|
||||
ARG PUBLIC_URL
|
||||
ARG PORT
|
||||
CMD ["npm", "start"]
|
||||
|
||||
@@ -5,26 +5,8 @@
|
||||
</p>
|
||||
|
||||
|
||||
**Con esta librería, puedes construir flujos automatizados de conversación de manera agnóstica al proveedor de WhatsApp,** configurar respuestas automatizadas para preguntas frecuentes, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las interacciones con los clientes. Además, puedes configurar fácilmente disparadores que te ayudaran a expandir las funcionalidades sin límites. **[Ver más informacion](https://bot-whatsapp.netlify.app/)**
|
||||
**Con esta librería, puedes construir flujos automatizados de conversación de manera agnóstica al proveedor de WhatsApp,** configurar respuestas automatizadas para preguntas frecuentes, recibir y responder mensajes de manera automatizada, y hacer un seguimiento de las interacciones con los clientes. Además, puedes configurar fácilmente disparadores que te ayudaran a expandir las funcionalidades sin límites. **[Ver documentación](https://bot-whatsapp.netlify.app/)**
|
||||
|
||||
```js
|
||||
const main = async () => {
|
||||
const adapterDB = new MockAdapter()
|
||||
const adapterFlow = createFlow([flowPrincipal])
|
||||
|
||||
const adapterProvider = createProvider(BaileysProvider, {
|
||||
accountSid: process.env.ACC_SID,
|
||||
authToken: process.env.ACC_TOKEN,
|
||||
vendorNumber: process.env.ACC_VENDOR,
|
||||
})
|
||||
|
||||
createBot({
|
||||
flow: adapterFlow,
|
||||
provider: adapterProvider,
|
||||
database: adapterDB,
|
||||
})
|
||||
}
|
||||
```
|
||||
|
||||
```
|
||||
npm install
|
||||
|
||||
@@ -5,86 +5,62 @@ const {
|
||||
addKeyword,
|
||||
} = require('@bot-whatsapp/bot')
|
||||
|
||||
require('./server.http')
|
||||
|
||||
const QRPortalWeb = require('@bot-whatsapp/portal')
|
||||
const BaileysProvider = require('@bot-whatsapp/provider/baileys')
|
||||
const MockAdapter = require('@bot-whatsapp/database/mock')
|
||||
|
||||
/**
|
||||
* Aqui declaramos los flujos hijos, los flujos se declaran de atras para adelante, es decir que si tienes un flujo de este tipo:
|
||||
*
|
||||
* Menu Principal
|
||||
* - SubMenu 1
|
||||
* - Submenu 1.1
|
||||
* - Submenu 2
|
||||
* - Submenu 2.1
|
||||
*
|
||||
* Primero declaras los submenus 1.1 y 2.1, luego el 1 y 2 y al final el principal.
|
||||
*/
|
||||
const flowDocs = addKeyword([
|
||||
'doc',
|
||||
'documentacion',
|
||||
'documentación',
|
||||
]).addAnswer([
|
||||
'📄 Aquí encontras las documentación recuerda que puedes mejorarla',
|
||||
'https://bot-whatsapp.netlify.app/',
|
||||
])
|
||||
|
||||
const flowBolsos2 = addKeyword(['bolsos2', '2'])
|
||||
.addAnswer('🤯 *MUCHOS* bolsos ...')
|
||||
.addAnswer('y mas bolsos... bla bla')
|
||||
const flowTuto = addKeyword(['tutorial', 'tuto']).addAnswer([
|
||||
'🙌 Aquí encontras un ejemplo rapido',
|
||||
'https://bot-whatsapp.netlify.app/docs/example/',
|
||||
])
|
||||
|
||||
const flowZapatos2 = addKeyword(['zapatos2', '2'])
|
||||
.addAnswer('🤯 repito que tengo *MUCHOS* zapatos.')
|
||||
.addAnswer('y algunas otras cosas.')
|
||||
const flowGracias = addKeyword(['gracias', 'grac']).addAnswer([
|
||||
'🚀 Puedes aportar tu granito de arena a este proyecto',
|
||||
'[*opencollective*] https://opencollective.com/bot-whatsapp',
|
||||
'[*buymeacoffee*] https://www.buymeacoffee.com/leifermendez',
|
||||
'[*patreon*] https://www.patreon.com/leifermendez',
|
||||
])
|
||||
|
||||
const flowZapatos = addKeyword(['1', 'zapatos', 'ZAPATOS'])
|
||||
.addAnswer('🤯 Veo que elegiste zapatos')
|
||||
.addAnswer('Tengo muchos zapatos...bla bla')
|
||||
.addAnswer(
|
||||
['Manda:', '*(2) Zapatos2*', 'para mas información'],
|
||||
{ capture: true },
|
||||
(ctx) => {
|
||||
console.log('Aqui puedes ver más info del usuario...')
|
||||
console.log('Puedes enviar un mail, hook, etc..')
|
||||
console.log(ctx)
|
||||
},
|
||||
[flowZapatos2]
|
||||
)
|
||||
|
||||
const flowBolsos = addKeyword(['2', 'bolsos', 'BOLSOS'])
|
||||
.addAnswer('🙌 Veo que elegiste bolsos')
|
||||
.addAnswer('Tengo muchos bolsos...bla bla')
|
||||
.addAnswer(
|
||||
['Manda:', '*(2) Bolsos2*', 'para mas información.'],
|
||||
{ capture: true },
|
||||
(ctx) => {
|
||||
console.log('Aqui puedes ver más info del usuario...')
|
||||
console.log('Puedes enviar un mail, hook, etc..')
|
||||
console.log(ctx)
|
||||
},
|
||||
[flowBolsos2]
|
||||
)
|
||||
|
||||
/**
|
||||
* Declarando flujo principal
|
||||
*/
|
||||
const flowDiscord = addKeyword(['discord']).addAnswer([
|
||||
'🤪 Únete al discord',
|
||||
'https://link.codigoencasa.com/DISCORD',
|
||||
])
|
||||
|
||||
const flowPrincipal = addKeyword(['hola', 'ole', 'alo'])
|
||||
.addAnswer(['Hola, bienvenido a mi tienda', '¿Como puedo ayudarte?'])
|
||||
.addAnswer(['Tengo:', 'Zapatos', 'Bolsos', 'etc ...'])
|
||||
.addAnswer('🙌 Hola bienvenido a este *Chatbot*')
|
||||
.addAnswer(
|
||||
['Para continuar escribe:', '*(1) Zapatos*', '*(2) Bolsos*'],
|
||||
{ capture: true },
|
||||
(ctx) => {
|
||||
console.log('Aqui puedes ver más info del usuario...')
|
||||
console.log('Puedes enviar un mail, hook, etc..')
|
||||
console.log(ctx)
|
||||
},
|
||||
[flowBolsos, flowZapatos]
|
||||
[
|
||||
'te comparto los siguientes links de interes sobre el proyecto',
|
||||
'👉 *doc* para ver la documentación',
|
||||
'👉 *gracias* para ver la lista de videos',
|
||||
'👉 *discord* unirte al discord',
|
||||
],
|
||||
null,
|
||||
null,
|
||||
[flowDocs, flowGracias, flowTuto, flowDiscord]
|
||||
)
|
||||
|
||||
const main = async () => {
|
||||
const adapterDB = new MockAdapter()
|
||||
const adapterFlow = createFlow([flowPrincipal])
|
||||
const adapterProvider = createProvider(BaileysProvider)
|
||||
|
||||
createBot({
|
||||
flow: adapterFlow,
|
||||
provider: adapterProvider,
|
||||
database: adapterDB,
|
||||
})
|
||||
|
||||
QRPortalWeb()
|
||||
}
|
||||
|
||||
main()
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-bailey-memory",
|
||||
"name": "base-bailey-memory",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
@@ -13,6 +13,7 @@
|
||||
"@bot-whatsapp/cli": "latest",
|
||||
"@bot-whatsapp/database": "latest",
|
||||
"@bot-whatsapp/provider": "latest",
|
||||
"@bot-whatsapp/portal": "latest",
|
||||
"@adiwajshing/baileys": "4.4.0",
|
||||
"mime-types": "2.1.35",
|
||||
"wa-sticker-formatter": "4.3.2"
|
||||
|
||||
@@ -1,80 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="preconnect" href="https://rsms.me/" />
|
||||
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
|
||||
<title>🤖 Crear chatbot WhatsApp en minutos</title>
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
align-self: center;
|
||||
align-items: center;
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<img
|
||||
style="
|
||||
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
|
||||
rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
|
||||
border-radius: 15px;
|
||||
object-fit: contain;
|
||||
"
|
||||
width="400"
|
||||
height="400"
|
||||
src="qr.png"
|
||||
alt="Escanear QR"
|
||||
/>
|
||||
<div style="width: 400px; display: grid; gap: 1rem">
|
||||
<h1 style="margin: 0">Whatsapp QR</h1>
|
||||
<p>
|
||||
<strong
|
||||
>F5 para actualizar, el codigo se actualiza cada minuto. </strong
|
||||
><br />
|
||||
Con esta libreria, puedes configurar respuestas
|
||||
automatizadas para preguntas frecuentes , recibir y
|
||||
responder mensajes de manera automatizada, y hacer un
|
||||
seguimiento de las interacciones con los clientes. Además,
|
||||
nuestro Chatbot se integra fácilmente con otros sistemas y
|
||||
herramientas que ya esté utilizando en su negocio.
|
||||
</p>
|
||||
<div>
|
||||
<a
|
||||
target="_blank"
|
||||
style="
|
||||
background: white;
|
||||
box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
|
||||
rgb(0 0 0 / 6%) 0px 0px 0px 1px;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
color: #1a1a1a;
|
||||
border: solid 1px #afafaf;
|
||||
"
|
||||
href="https://bot-whatsapp.netlify.app/"
|
||||
>Ver documentación</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,34 +0,0 @@
|
||||
const http = require('http')
|
||||
const fs = require('fs')
|
||||
const path = require('path')
|
||||
|
||||
const PORT = process.env.PORT || 3000
|
||||
|
||||
/**
|
||||
* Levantar un HTTP Server
|
||||
*/
|
||||
http.createServer(function (req, res) {
|
||||
var cssPath = undefined
|
||||
var fileStream = undefined
|
||||
var imagePath = undefined
|
||||
|
||||
if (req.url === '/') {
|
||||
fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
|
||||
res.writeHead(200, { 'Content-Type': 'text/html' })
|
||||
res.end(html)
|
||||
})
|
||||
} else if (req.url.match('.css$')) {
|
||||
cssPath = path.join(__dirname, 'public', req.url)
|
||||
fileStream = fs.createReadStream(cssPath, 'UTF-8')
|
||||
res.writeHead(200, { 'Content-Type': 'text/css' })
|
||||
fileStream.pipe(res)
|
||||
} else if (req.url.match('.png$')) {
|
||||
imagePath = path.join(__dirname, req.url)
|
||||
fileStream = fs.createReadStream(imagePath)
|
||||
res.writeHead(200, { 'Content-Type': 'image/png' })
|
||||
fileStream.pipe(res)
|
||||
} else {
|
||||
res.writeHead(404, { 'Content-Type': 'text/html' })
|
||||
res.end('No Page Found')
|
||||
}
|
||||
}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-bailey-mongo",
|
||||
"name": "base-bailey-mongo",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,80 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="preconnect" href="https://rsms.me/" />
|
||||
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
|
||||
<title>🤖 Crear chatbot WhatsApp en minutos</title>
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
display: flex;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
align-self: center;
|
||||
align-items: center;
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<img
|
||||
style="
|
||||
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
|
||||
rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
|
||||
border-radius: 15px;
|
||||
object-fit: contain;
|
||||
"
|
||||
width="400"
|
||||
height="400"
|
||||
src="qr.png"
|
||||
alt="Escanear QR"
|
||||
/>
|
||||
<div style="width: 400px; display: grid; gap: 1rem">
|
||||
<h1 style="margin: 0">Whatsapp QR</h1>
|
||||
<p>
|
||||
<strong
|
||||
>F5 para actualizar, el codigo se actualiza cada minuto. </strong
|
||||
><br />
|
||||
Con esta libreria, puedes configurar respuestas
|
||||
automatizadas para preguntas frecuentes , recibir y
|
||||
responder mensajes de manera automatizada, y hacer un
|
||||
seguimiento de las interacciones con los clientes. Además,
|
||||
nuestro Chatbot se integra fácilmente con otros sistemas y
|
||||
herramientas que ya esté utilizando en su negocio.
|
||||
</p>
|
||||
<div>
|
||||
<a
|
||||
target="_blank"
|
||||
style="
|
||||
background: white;
|
||||
box-shadow: rgb(0 0 0 / 16%) 0px 10px 36px 0px,
|
||||
rgb(0 0 0 / 6%) 0px 0px 0px 1px;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
color: #1a1a1a;
|
||||
border: solid 1px #afafaf;
|
||||
"
|
||||
href="https://bot-whatsapp.netlify.app/"
|
||||
>Ver documentación</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,34 +0,0 @@
|
||||
const http = require('http')
|
||||
const fs = require('fs')
|
||||
const path = require('path')
|
||||
|
||||
const PORT = process.env.PORT || 3000
|
||||
|
||||
/**
|
||||
* Levantar un HTTP Server
|
||||
*/
|
||||
http.createServer(function (req, res) {
|
||||
var cssPath = undefined
|
||||
var fileStream = undefined
|
||||
var imagePath = undefined
|
||||
|
||||
if (req.url === '/') {
|
||||
fs.readFile('./public/index.html', 'UTF-8', function (err, html) {
|
||||
res.writeHead(200, { 'Content-Type': 'text/html' })
|
||||
res.end(html)
|
||||
})
|
||||
} else if (req.url.match('.css$')) {
|
||||
cssPath = path.join(__dirname, 'public', req.url)
|
||||
fileStream = fs.createReadStream(cssPath, 'UTF-8')
|
||||
res.writeHead(200, { 'Content-Type': 'text/css' })
|
||||
fileStream.pipe(res)
|
||||
} else if (req.url.match('.png$')) {
|
||||
imagePath = path.join(__dirname, req.url)
|
||||
fileStream = fs.createReadStream(imagePath)
|
||||
res.writeHead(200, { 'Content-Type': 'image/png' })
|
||||
fileStream.pipe(res)
|
||||
} else {
|
||||
res.writeHead(404, { 'Content-Type': 'text/html' })
|
||||
res.end('No Page Found')
|
||||
}
|
||||
}).listen(PORT, () => console.log(`Escanear QR Code http://localhost:${PORT}`))
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-bailey-mysql",
|
||||
"name": "base-bailey-mysql",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-meta-json",
|
||||
"name": "base-meta-json",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-meta-memory",
|
||||
"name": "base-meta-memory",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-meta-mongo",
|
||||
"name": "base-meta-mongo",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-meta-mysql",
|
||||
"name": "base-meta-mysql",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-twilio-json",
|
||||
"name": "base-twilio-json",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-twilio-memory",
|
||||
"name": "base-twilio-memory",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-twilio-mongo",
|
||||
"name": "base-twilio-mongo",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-twilio-mysql",
|
||||
"name": "base-twilio-mysql",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-venom-json",
|
||||
"name": "base-venom-json",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-venom-memory",
|
||||
"name": "base-venom-memory",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-venom-mongo",
|
||||
"name": "base-venom-mongo",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-venom-mysql",
|
||||
"name": "base-venom-mysql",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-wweb-json",
|
||||
"name": "base-wweb-json",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-wweb-memory",
|
||||
"name": "base-wweb-memory",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-wweb-mongo",
|
||||
"name": "base-wweb-mongo",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "bot-whatsapp-base-wweb-mysql",
|
||||
"name": "base-wweb-mysql",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "app.js",
|
||||
|
||||
Reference in New Issue
Block a user