mirror of
https://github.com/cheveguerra/bot-whatsapp.git
synced 2026-04-19 03:59:17 +00:00
docs: ✨ updated
This commit is contained in:
Leifer Mendez
@@ -1,27 +0,0 @@
|
||||
import { component$ } from '@builder.io/qwik'
|
||||
import type { DocumentHead } from '@builder.io/qwik-city'
|
||||
|
||||
export default component$(() => {
|
||||
return (
|
||||
<>
|
||||
<section>
|
||||
<div class="max-w-6xl mx-auto py-6 px-4 sm:px-6 h-[60vh]">
|
||||
<h1 class="text-4xl font-bold leading-tighter tracking-tighter mb-8 font-heading">
|
||||
Blog
|
||||
</h1>
|
||||
<p class="text-xl">Coming soon ...</p>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
)
|
||||
})
|
||||
|
||||
export const head: DocumentHead = {
|
||||
title: 'Blog — Qwind',
|
||||
meta: [
|
||||
{
|
||||
name: 'description',
|
||||
content: 'Lorem ipsum lorem ...',
|
||||
},
|
||||
],
|
||||
}
|
||||
@@ -2,6 +2,8 @@
|
||||
|
||||
Durante el desarrollo de este sistema se elaboraron tres (3) conceptos principales que conformar el funcionamiento
|
||||
|
||||
---
|
||||
|
||||
## Flow (Flujos)
|
||||
|
||||
Los flujos hace referencia al hecho de construir un flujo de conversion. Esto es un flow podemos observar que estan presente dos metodos importantes **addKeyword** y el **addAnswer**.
|
||||
@@ -23,6 +25,8 @@ const flowPrincipal = addKeyword(['hola', 'alo'])
|
||||
.addAnswer(['Tengo:', 'Zapatos', 'Bolsos', 'etc ...'])
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Provider (Proveedor)
|
||||
|
||||
Es la pieza que conectara tu flujo con Whatsapp. En este chatbot tenemos varios proveedores disponibles la mayoria gratis pero tambien tenemos integracion la api oficial de whatsapp o twilio
|
||||
@@ -55,4 +59,6 @@ Los proveedores disponibles hasta el momento son los siguientes:
|
||||
|
||||
**require('@bot-whatsapp/provider/twilio')**
|
||||
|
||||
---
|
||||
|
||||
## DataBase (Base de datos)
|
||||
@@ -1,21 +1,32 @@
|
||||
# Vista rápida
|
||||
import Alert from '../../components/widgets/Alert'
|
||||
|
||||
# Introducción
|
||||
|
||||
<Alert>
|
||||
**Atención** estás leyendo la documentación de la **versión estable
|
||||
(0.2.x)** de esta librería, si vienes de la versión anterior te recomendamos
|
||||
pasarte por la sección de **[migración](/docs/migration/)** para que puedas
|
||||
disfrutar de las nuevas características.
|
||||
</Alert>
|
||||
|
||||
## ¿Que es esto?
|
||||
|
||||
Esto es una librería que te permitirá **crear chatbot para WhatsApp** en tan solo minutos de una manera ágil y rápida. A lo largo de esta documentación encontrarás ejemplos y material de ayuda.
|
||||
|
||||
Si eres una persona con **poco tiempo y gran capacidad** de comprensión con conocimientos, ejecutando proyectos en Node.js y manejo de terminal.
|
||||
|
||||
Esta documentación te ayudará a instalar tu bot de WhatsApp en simples pasos con el propósito de que tengas un chatbot funcional **en solo minutos.**
|
||||
|
||||
## Ejecutar
|
||||
---
|
||||
|
||||
Solo debes de ubicarte en un directorio de tu preferencia, ejecutar el siguiente comando y **seguir las instrucciones**
|
||||
Ejecutar el siguiente comando y **seguir las instrucciones**
|
||||
|
||||
```shell
|
||||
npm create bot-whatsapp@latest
|
||||
```
|
||||
|
||||
<div class="my-4 w-full ">
|
||||
<div class="my-4 ">
|
||||
<video
|
||||
class="rounded drop-shadow-xl rounded "
|
||||
width="100%"
|
||||
class="rounded drop-shadow-xl w-full max-w-lg rounded "
|
||||
height="100%"
|
||||
autoplay
|
||||
loop
|
||||
|
||||
@@ -1,75 +1,58 @@
|
||||
import { component$, Slot, useStore } from '@builder.io/qwik'
|
||||
import { component$, Slot, useContext, useStore } from '@builder.io/qwik'
|
||||
import type { DocumentHead } from '@builder.io/qwik-city'
|
||||
import Footer from '~/components/widgets/Footer'
|
||||
import Header from '~/components/widgets/Header'
|
||||
import NavBar from '~/components/widgets/NavBar'
|
||||
import { GlobalStore } from '~/contexts'
|
||||
// import Navigation from '~/components/widgets/Navigation'
|
||||
// import Collaborators from '~/components/widgets/Collaborators'
|
||||
// import ExtraBar from '~/components/widgets/ExtraBar'
|
||||
|
||||
export default component$(() => {
|
||||
const store = useStore({
|
||||
options: [
|
||||
{
|
||||
title: 'Primeros pasos',
|
||||
list: [
|
||||
{ name: 'Vista rápida', link: '/docs' },
|
||||
{ name: 'Instalación', link: '/docs/install' },
|
||||
{ name: 'Ejemplo', link: '/docs/example' },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Conceptos',
|
||||
list: [
|
||||
{ name: 'Resumen', link: '/docs/concepts' },
|
||||
{ name: 'Proveedores', link: '/docs/install' },
|
||||
{ name: 'Base de datos', link: '/docss' },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Avanzado',
|
||||
list: [
|
||||
{ name: 'Migración', link: '/docs/migration' },
|
||||
{ name: 'Extender', link: '/docs/migration' },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: 'Comunidad',
|
||||
list: [{ name: 'Migración', link: '/docs/migration' }],
|
||||
},
|
||||
],
|
||||
})
|
||||
const store = useContext(GlobalStore)
|
||||
|
||||
return (
|
||||
<>
|
||||
<Header />
|
||||
<main class="container mx-auto px-12 ">
|
||||
<div class={'grid grid-cols-5 gap-1 min-h-min'}>
|
||||
<div class={'col-span-1'}>
|
||||
<NavBar options={store.options} />
|
||||
<main class={'overflow-hidden'}>
|
||||
<div class={'max-w-8xl'}>
|
||||
<div
|
||||
class={
|
||||
'hidden lg:block fixed z-20 inset-0 top-[4rem] left-[max(0px,calc(50%-48rem))] right-auto w-[14.5rem] py-5 px-8 overflow-y-auto'
|
||||
}
|
||||
>
|
||||
<NavBar options={store} />
|
||||
</div>
|
||||
<div class={'px-3 col-span-3 slot pb-5'}>
|
||||
<Slot />
|
||||
{/* <Navigation pages={[null,store.options[0][1]]} /> */}
|
||||
<div class={'lg:pl-[14.5rem] lg:pr-[14.5rem]'}>
|
||||
<div
|
||||
class={
|
||||
'slot max-w-3xl mx-auto relative z-20 p-5 xl:max-w-none'
|
||||
}
|
||||
>
|
||||
<Slot />
|
||||
</div>
|
||||
</div>
|
||||
<div class={'px-3 col-span-1 '}>
|
||||
<NavBar options={store.options} />
|
||||
<div
|
||||
class={
|
||||
'hidden lg:block fixed z-20 inset-0 top-[4rem] right-[max(0px,calc(50%-48rem))] left-auto w-[14.5rem] py-5 px-8 overflow-y-auto'
|
||||
}
|
||||
>
|
||||
<NavBar options={store} />
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<Footer />
|
||||
</>
|
||||
)
|
||||
})
|
||||
|
||||
export const head: DocumentHead = {
|
||||
title: 'Chatbot Whatsapp — Servicio de chatbot para whatspp gratis proyecto OpenSource',
|
||||
title: 'Crear chatbot WhatsApp en minutos — Servicio de chatbot para whatspp gratis proyecto OpenSource',
|
||||
meta: [
|
||||
{
|
||||
name: 'description',
|
||||
content:
|
||||
'Qwind is a free and ready to start template to make your website using Qwik and Tailwind CSS.',
|
||||
'Crear chatbot WhatsApp en minutos — Servicio de chatbot para whatspp gratis proyecto OpenSource',
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
@@ -20,12 +20,12 @@ export default component$(() => {
|
||||
})
|
||||
|
||||
export const head: DocumentHead = {
|
||||
title: 'Chatbot Whatsapp — Servicio de chatbot para whatspp gratis proyecto OpenSource',
|
||||
title: 'Crear chatbot WhatsApp en minutos — Servicio de chatbot para whatspp gratis proyecto OpenSource',
|
||||
meta: [
|
||||
{
|
||||
name: 'description',
|
||||
content:
|
||||
'Qwind is a free and ready to start template to make your website using Qwik and Tailwind CSS.',
|
||||
'Crear chatbot WhatsApp en minutos — Servicio de chatbot para whatspp gratis proyecto OpenSource',
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user