mirror of
https://github.com/cheveguerra/bot-whatsapp.git
synced 2026-04-18 03:29: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$(() => {
|
||||
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>
|
||||
<li>This homepage uses a layout without a menu.</li>
|
||||
<li>Node v14 o superior</li>
|
||||
<li>
|
||||
<span>The </span>
|
||||
<a href="/docs">Documentation</a>
|
||||
<span>
|
||||
{' '}
|
||||
pages use multiple nested layouts, one of them providing
|
||||
a left menu.
|
||||
</span>
|
||||
VSCode (Editor de codigo){' '}
|
||||
<a
|
||||
href="https://code.visualstudio.com/download"
|
||||
rel="nofollow"
|
||||
>
|
||||
Descargar
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
Check out the <code>src/routes</code> directory to get
|
||||
started.
|
||||
MySql (opcional) solo aplica si vas a usar el modo 'mysql'{' '}
|
||||
<a href="https://github.com/leifermendez/bot-whatsapp/blob/main/sql-bot.sql">
|
||||
sql-bot.sql migración
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
Add integrations with <code>npm run qwik add</code>.
|
||||
</li>
|
||||
<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>
|
||||
Dialogflow (opcional) solo aplica si vas a usar el modo
|
||||
'dialogflow'
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2>Commands</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>
|
||||
|
||||
<h2>Instalación</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<span>Questions or just want to say hi? </span>
|
||||
<a href="https://qwik.builder.io/chat" target="_blank">
|
||||
Chat on discord!
|
||||
</a>
|
||||
Abre VSCode y muevete al directorio en donde queres insralar
|
||||
el bot.
|
||||
</li>
|
||||
<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>
|
||||
<span>Follow </span>
|
||||
<a href="https://twitter.com/QwikDev" target="_blank">
|
||||
@QwikDev
|
||||
</a>
|
||||
<span> on Twitter</span>
|
||||
De igual forma selecciona la base de daros que quieres usar.
|
||||
</li>
|
||||
<li>
|
||||
<span>Open issues and contribute on </span>
|
||||
<a href="https://github.com/BuilderIO/qwik" target="_blank">
|
||||
GitHub
|
||||
</a>
|
||||
Cambiate al directorio que se creo dependiendo de la base de
|
||||
datos que hayas seleccionado, si seleccionaste "Memory"
|
||||
sería "cd base-wweb-memory"
|
||||
</li>
|
||||
<li>
|
||||
<span>Watch </span>
|
||||
<a href="https://qwik.builder.io/media/" target="_blank">
|
||||
Presentations, Podcasts, Videos, etc.
|
||||
</a>
|
||||
Ya estando en el nuevo subdirectorio, ejecuta el comando
|
||||
"npm install" y espera a que se instalen las dependencias.
|
||||
</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>
|
||||
</>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user