mirror of
https://github.com/cheveguerra/bot-whatsapp.git
synced 2026-04-19 03:59:17 +00:00
docs: 📝 new docs
This commit is contained in:
Leifer Mendez
@@ -1,15 +0,0 @@
|
||||
---
|
||||
title: About Bot-Whatsapp .
|
||||
---
|
||||
|
||||
# About Qwik
|
||||
|
||||
Hola soy una prueba
|
||||
|
||||
## More info:
|
||||
|
||||
- [Layouts](https://qwik.builder.io/qwikcity/layout/overview/)
|
||||
- [Routing](https://qwik.builder.io/qwikcity/routing/overview/)
|
||||
- [Authoring Content](https://qwik.builder.io/qwikcity/content/component/)
|
||||
- [Deployment](https://qwik.builder.io/qwikcity/adaptors/overview/)
|
||||
- [Static Site Generation (SSG)](https://qwik.builder.io/qwikcity/static-site-generation/overview/)
|
||||
@@ -1,11 +0,0 @@
|
||||
---
|
||||
title: Advanced
|
||||
---
|
||||
|
||||
# Advanced
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
|
||||
## Ferrari
|
||||
|
||||
[Ferrari](https://en.wikipedia.org/wiki/Ferrari) (/fəˈrɑːri/; Italian: [ferˈraːri]) is an Italian luxury sports car manufacturer based in Maranello, Italy. Founded by Enzo Ferrari (1898–1988) in 1939 from the Alfa Romeo racing division as Auto Avio Costruzioni, the company built its first car in 1940, and produced its first Ferrari-badged car in 1947.
|
||||
@@ -1,22 +0,0 @@
|
||||
.docs {
|
||||
display: grid;
|
||||
grid-template-columns: 210px auto 190px;
|
||||
grid-template-areas: 'menu article on-this-page';
|
||||
gap: 40px;
|
||||
}
|
||||
|
||||
.docs h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.docs .menu {
|
||||
grid-area: menu;
|
||||
}
|
||||
|
||||
.docs article {
|
||||
grid-area: article;
|
||||
}
|
||||
|
||||
.docs .on-this-page {
|
||||
grid-area: on-this-page;
|
||||
}
|
||||
@@ -1,13 +0,0 @@
|
||||
---
|
||||
title: Getting Started
|
||||
---
|
||||
|
||||
# Getting Started
|
||||
|
||||
```
|
||||
npm create qwik@latest
|
||||
```
|
||||
|
||||
## Ford GT40
|
||||
|
||||
The [Ford GT40](https://en.wikipedia.org/wiki/Ford_GT40) is a high-performance endurance racing car commissioned by the Ford Motor Company. It grew out of the "Ford GT" (for Grand Touring) project, an effort to compete in European long-distance sports car races, against Ferrari, which won the prestigious 24 Hours of Le Mans race from 1960 to 1965. Ford succeeded with the GT40, winning the 1966 through 1969 races.
|
||||
@@ -1,22 +0,0 @@
|
||||
---
|
||||
title: Overview
|
||||
---
|
||||
|
||||
# Docs Site Overview
|
||||
|
||||
This page is wrapped by two layouts because this source file `src/routes/docs/index.md` is nested. The applied layouts are:
|
||||
|
||||
- `src/routes/docs/layout.tsx`
|
||||
- `src/routes/layout.tsx`
|
||||
|
||||
## Left Menu
|
||||
|
||||
The left menu ordering is created with the `src/routes/docs/menu.md` markdown file.
|
||||
|
||||
## More info:
|
||||
|
||||
- [Layouts](https://qwik.builder.io/qwikcity/layout/overview/)
|
||||
- [Routing](https://qwik.builder.io/qwikcity/routing/overview/)
|
||||
- [Authoring Content](https://qwik.builder.io/qwikcity/content/component/)
|
||||
- [Deployment](https://qwik.builder.io/qwikcity/adaptors/overview/)
|
||||
- [Static Site Generation (SSG)](https://qwik.builder.io/qwikcity/static-site-generation/overview/)
|
||||
@@ -1,25 +0,0 @@
|
||||
import { component$, Slot, useStyles$ } from '@builder.io/qwik'
|
||||
import type { DocumentHead } from '@builder.io/qwik-city'
|
||||
import Menu from '~/components/menu/menu'
|
||||
import OnThisPage from '~/components/on-this-page/on-this-page'
|
||||
import styles from './docs.css?inline'
|
||||
|
||||
export default component$(() => {
|
||||
useStyles$(styles)
|
||||
|
||||
return (
|
||||
<div class="docs">
|
||||
<Menu />
|
||||
<article>
|
||||
<Slot />
|
||||
</article>
|
||||
<OnThisPage />
|
||||
</div>
|
||||
)
|
||||
})
|
||||
|
||||
export const head: DocumentHead = ({ head }) => {
|
||||
return {
|
||||
title: `${head.title} - Documentation`,
|
||||
}
|
||||
}
|
||||
@@ -1,21 +0,0 @@
|
||||
# Guide
|
||||
|
||||
## Guides
|
||||
|
||||
- [Getting Started](getting-started/index.md)
|
||||
|
||||
## Advanced
|
||||
|
||||
- [Overview](advanced/index.md)
|
||||
|
||||
## Examples
|
||||
|
||||
- [Hello World](https://qwik.builder.io/examples/introduction/hello-world/)
|
||||
- [Tutorials](https://qwik.builder.io/tutorial/welcome/overview/)
|
||||
- [Playground](https://qwik.builder.io/playground/)
|
||||
|
||||
## Community
|
||||
|
||||
- [@QwikDev](https://twitter.com/QwikDev)
|
||||
- [Discord](https://qwik.builder.io/chat)
|
||||
- [GitHub](https://github.com/BuilderIO/qwik)
|
||||
@@ -1,236 +0,0 @@
|
||||
import { component$ } from '@builder.io/qwik'
|
||||
import type { DocumentHead } from '@builder.io/qwik-city'
|
||||
|
||||
export default component$(() => {
|
||||
return (
|
||||
<>
|
||||
<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 hecho 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>
|
||||
<p>
|
||||
Está programado de tal forma que se pueden usar varias librerías
|
||||
(hasta ahora whatsapp-web.js, twilio y Venom) y se puden agregar
|
||||
más.
|
||||
</p>
|
||||
<p>
|
||||
Si se quiere cambiar la librería que se está usando, esto se
|
||||
puede hacer con solo cambiar unas lineas en el código.
|
||||
</p>
|
||||
|
||||
<table border>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Características</th>
|
||||
<th>Estatus</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Menus y Submenus</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>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>Node v14 o superior</li>
|
||||
<li>
|
||||
VSCode (Editor de codigo){' '}
|
||||
<a
|
||||
href="https://code.visualstudio.com/download"
|
||||
rel="nofollow"
|
||||
>
|
||||
Descargar
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
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>
|
||||
Dialogflow (opcional) solo aplica si vas a usar el modo
|
||||
'dialogflow'
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2>Instalación</h2>
|
||||
<ul>
|
||||
<li>
|
||||
Abre VSCode y muevete al directorio en donde quieres
|
||||
instalar el bot.
|
||||
</li>
|
||||
<li>Ejecuta este comando: npm create bot-whatsapp@latest</li>
|
||||
<li>Contesta que SI quieres crear un bot nuevo (Y)</li>
|
||||
<li>
|
||||
Selecciona con las flechas (arriba y abajo) la librería que
|
||||
vas usar para el bot, cuando estes sobre la opción que
|
||||
quieres, oprime la barra de espacio y luego la tecla "Enter"
|
||||
</li>
|
||||
<li>
|
||||
De igual forma selecciona la base de datos que quieres usar.
|
||||
</li>
|
||||
<li>
|
||||
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>
|
||||
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
|
||||
mostrar 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 manda un mensaje al número 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>
|
||||
</>
|
||||
)
|
||||
})
|
||||
|
||||
export const head: DocumentHead = {
|
||||
title: 'Welcome to Qwik Docs Starter',
|
||||
}
|
||||
@@ -1,15 +0,0 @@
|
||||
import { component$, Slot } from '@builder.io/qwik'
|
||||
import Footer from '~/components/footer/footer'
|
||||
import Header from '~/components/header/header'
|
||||
|
||||
export default component$(() => {
|
||||
return (
|
||||
<>
|
||||
<Header />
|
||||
<main>
|
||||
<Slot />
|
||||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
})
|
||||
@@ -1,18 +0,0 @@
|
||||
/*
|
||||
* WHAT IS THIS FILE?
|
||||
*
|
||||
* The service-worker.ts file is used to have state of the art prefetching.
|
||||
* https://qwik.builder.io/qwikcity/prefetching/overview/
|
||||
*
|
||||
* Qwik uses a service worker to speed up your site and reduce latency, ie, not used in the traditional way of offline.
|
||||
* You can also use this file to add more functionality that runs in the service worker.
|
||||
*/
|
||||
import { setupServiceWorker } from '@builder.io/qwik-city/service-worker'
|
||||
|
||||
setupServiceWorker()
|
||||
|
||||
addEventListener('install', () => self.skipWaiting())
|
||||
|
||||
addEventListener('activate', () => self.clients.claim())
|
||||
|
||||
declare const self: ServiceWorkerGlobalScope
|
||||
Reference in New Issue
Block a user