mirror of
https://github.com/cheveguerra/bot-whatsapp.git
synced 2026-04-19 20:19:15 +00:00
docs: pagina de entrada
This commit is contained in:
@@ -4,143 +4,207 @@ import type { DocumentHead } from '@builder.io/qwik-city'
|
|||||||
export default component$(() => {
|
export default component$(() => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<h1>Welcome to BotWhatsapp Docs Starter</h1>
|
<h1>Bienvenido,</h1>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Un robot (bot) de Whatsapp es un programa que reconoce palabras
|
||||||
|
clave en los mensajes que entran, y contesta con respuestas
|
||||||
|
pre-programadas, facilitando así el dar información a posibles
|
||||||
|
clientes desde tu cuenta de Whatsapp automáticamente.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Este bot esta programado en Javascript y usa NodeJS y es{' '}
|
||||||
|
<a href="https://www.redhat.com/es/topics/open-source/what-is-open-source">
|
||||||
|
Open Source
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<table border>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Características</th>
|
||||||
|
<th>Estatus</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Dialogflow</td>
|
||||||
|
<td>
|
||||||
|
<g-emoji
|
||||||
|
class="g-emoji"
|
||||||
|
alias="white_check_mark"
|
||||||
|
fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2705.png"
|
||||||
|
>
|
||||||
|
✅
|
||||||
|
</g-emoji>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>MySQL</td>
|
||||||
|
<td>
|
||||||
|
<g-emoji
|
||||||
|
class="g-emoji"
|
||||||
|
alias="white_check_mark"
|
||||||
|
fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2705.png"
|
||||||
|
>
|
||||||
|
✅
|
||||||
|
</g-emoji>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>JSON File</td>
|
||||||
|
<td>
|
||||||
|
<g-emoji
|
||||||
|
class="g-emoji"
|
||||||
|
alias="white_check_mark"
|
||||||
|
fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2705.png"
|
||||||
|
>
|
||||||
|
✅
|
||||||
|
</g-emoji>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>QR Scan (route)</td>
|
||||||
|
<td>
|
||||||
|
<g-emoji
|
||||||
|
class="g-emoji"
|
||||||
|
alias="white_check_mark"
|
||||||
|
fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2705.png"
|
||||||
|
>
|
||||||
|
✅
|
||||||
|
</g-emoji>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Easy deploy heroku</td>
|
||||||
|
<td>
|
||||||
|
<g-emoji
|
||||||
|
class="g-emoji"
|
||||||
|
alias="white_check_mark"
|
||||||
|
fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2705.png"
|
||||||
|
>
|
||||||
|
✅
|
||||||
|
</g-emoji>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Buttons</td>
|
||||||
|
<td>
|
||||||
|
<g-emoji
|
||||||
|
class="g-emoji"
|
||||||
|
alias="white_check_mark"
|
||||||
|
fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2705.png"
|
||||||
|
>
|
||||||
|
✅
|
||||||
|
</g-emoji>
|
||||||
|
<g-emoji
|
||||||
|
class="g-emoji"
|
||||||
|
alias="information_source"
|
||||||
|
fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2139.png"
|
||||||
|
>
|
||||||
|
ℹ️
|
||||||
|
</g-emoji>{' '}
|
||||||
|
(No funciona en multi-device)
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Send Voice Note</td>
|
||||||
|
<td>
|
||||||
|
<g-emoji
|
||||||
|
class="g-emoji"
|
||||||
|
alias="white_check_mark"
|
||||||
|
fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2705.png"
|
||||||
|
>
|
||||||
|
✅
|
||||||
|
</g-emoji>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Add support ubuntu/linux</td>
|
||||||
|
<td>
|
||||||
|
<g-emoji
|
||||||
|
class="g-emoji"
|
||||||
|
alias="white_check_mark"
|
||||||
|
fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/2705.png"
|
||||||
|
>
|
||||||
|
✅
|
||||||
|
</g-emoji>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<h2>Requisitos</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li>This homepage uses a layout without a menu.</li>
|
<li>Node v14 o superior</li>
|
||||||
<li>
|
<li>
|
||||||
<span>The </span>
|
VSCode (Editor de codigo){' '}
|
||||||
<a href="/docs">Documentation</a>
|
<a
|
||||||
<span>
|
href="https://code.visualstudio.com/download"
|
||||||
{' '}
|
rel="nofollow"
|
||||||
pages use multiple nested layouts, one of them providing
|
>
|
||||||
a left menu.
|
Descargar
|
||||||
</span>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
Check out the <code>src/routes</code> directory to get
|
MySql (opcional) solo aplica si vas a usar el modo 'mysql'{' '}
|
||||||
started.
|
<a href="https://github.com/leifermendez/bot-whatsapp/blob/main/sql-bot.sql">
|
||||||
|
sql-bot.sql migración
|
||||||
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
Add integrations with <code>npm run qwik add</code>.
|
Dialogflow (opcional) solo aplica si vas a usar el modo
|
||||||
</li>
|
'dialogflow'
|
||||||
<li>
|
|
||||||
More info about development in <code>README.md</code>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="/docs">Qwik City</a>
|
|
||||||
<span> is the meta-framework for Qwik</span>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h2>Commands</h2>
|
<h2>Instalación</h2>
|
||||||
|
|
||||||
<table class="commands">
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>npm run dev</code>
|
|
||||||
</td>
|
|
||||||
<td>Start the dev server and watch for changes.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>npm run preview</code>
|
|
||||||
</td>
|
|
||||||
<td>Production build and start preview server.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>npm run build</code>
|
|
||||||
</td>
|
|
||||||
<td>Production build.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>npm run qwik add</code>
|
|
||||||
</td>
|
|
||||||
<td>Select an integration to add.</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h2>Add Integrations</h2>
|
|
||||||
|
|
||||||
<table class="commands">
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>npm run qwik add cloudflare-pages</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<a
|
|
||||||
href="https://developers.cloudflare.com/pages"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
Cloudflare Pages Server
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>npm run qwik add express</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<a href="https://expressjs.com/" target="_blank">
|
|
||||||
Nodejs Express Server
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>npm run qwik add netlify-edge</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<a href="https://docs.netlify.com/" target="_blank">
|
|
||||||
Netlify Edge Functions
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>npm run qwik add static</code>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<a
|
|
||||||
href="https://qwik.builder.io/qwikcity/static-site-generation/overview/"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
Static Site Generation (SSG)
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<h2>Community</h2>
|
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<span>Questions or just want to say hi? </span>
|
Abre VSCode y muevete al directorio en donde queres insralar
|
||||||
<a href="https://qwik.builder.io/chat" target="_blank">
|
el bot.
|
||||||
Chat on discord!
|
</li>
|
||||||
</a>
|
<li>Ejecuta este comando: npm create bot-whatsapp@latest</li>
|
||||||
|
<li>Contesta que SI queres crear un bot nuevo (Y)</li>
|
||||||
|
<li>
|
||||||
|
Selecciona con las flechas (arriba y abajo) la librería que
|
||||||
|
quieres usar para el bot, cuando estes sobre la opción que
|
||||||
|
quieres, oprime la barra de espacio y luego la tecla "Enter"
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<span>Follow </span>
|
De igual forma selecciona la base de daros que quieres usar.
|
||||||
<a href="https://twitter.com/QwikDev" target="_blank">
|
|
||||||
@QwikDev
|
|
||||||
</a>
|
|
||||||
<span> on Twitter</span>
|
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<span>Open issues and contribute on </span>
|
Cambiate al directorio que se creo dependiendo de la base de
|
||||||
<a href="https://github.com/BuilderIO/qwik" target="_blank">
|
datos que hayas seleccionado, si seleccionaste "Memory"
|
||||||
GitHub
|
sería "cd base-wweb-memory"
|
||||||
</a>
|
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<span>Watch </span>
|
Ya estando en el nuevo subdirectorio, ejecuta el comando
|
||||||
<a href="https://qwik.builder.io/media/" target="_blank">
|
"npm install" y espera a que se instalen las dependencias.
|
||||||
Presentations, Podcasts, Videos, etc.
|
|
||||||
</a>
|
|
||||||
</li>
|
</li>
|
||||||
|
<li>
|
||||||
|
Una vez que termine la instalación ejecuta el comando "npm
|
||||||
|
start"y espera a que te mande el mensaje de que necesitas
|
||||||
|
escanear el código QR, para esto ve al directorio en el que
|
||||||
|
se instaló y busca el archivo "qr.svg" y abrelo, te debe de
|
||||||
|
mostrsr un código QR que tienes que escanear en el Whatsapp
|
||||||
|
que quieres ligar con el bot, para esto ve a tu Whatsapp,
|
||||||
|
haz clic en los tres botones de arriba a la derecha y entra
|
||||||
|
en "Linked devices", y luego en el botón que dice "LINK
|
||||||
|
DEVICE", esto va a abrir la camara para que escanes el
|
||||||
|
código.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Una vez ligado el Whatsapp vas a ver el mensaje de
|
||||||
|
"Proveedor conectado y listo".
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Desde OTRO celular mandas un mensaje al numero del Whatsapp
|
||||||
|
que acabas de ligar al bot con la palabra "Hola" y LISTO.
|
||||||
|
</li>
|
||||||
|
<li>Debes de recibir una respuesta automática del bot.</li>
|
||||||
</ul>
|
</ul>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user