josedario87
faedec47d7
Some checks failed
Build and Deploy / build-and-deploy (push) Failing after 6m46s
Reemplazo completo de Evolution API por implementación directa con Baileys. Características: - Dashboard completo con Nuxt UI v4 - Soporte para múltiples instancias de WhatsApp - Conexión via QR code o pairing code - Persistencia de mensajes en PostgreSQL - API REST para integraciones externas - Webhooks con firma HMAC - SSE para actualizaciones en tiempo real - Autenticación con Authentik
104 lines
4.8 KiB
Vue
104 lines
4.8 KiB
Vue
<template>
|
|
<div class="space-y-6">
|
|
<!-- Header -->
|
|
<div>
|
|
<h1 class="text-2xl font-bold text-[var(--wa-text)]">Documentacion de API</h1>
|
|
<p class="text-[var(--wa-text-muted)]">Guia para integrar WhatsApp Nucleo con tus sistemas</p>
|
|
</div>
|
|
|
|
<!-- Authentication -->
|
|
<div class="instance-card p-6">
|
|
<h2 class="text-lg font-semibold text-[var(--wa-text)] mb-4">Autenticacion</h2>
|
|
<p class="text-[var(--wa-text-muted)] mb-4">
|
|
Todas las llamadas a la API externa requieren un API Key en el header <code class="bg-[var(--wa-bg-light)] px-2 py-1 rounded">Authorization</code>.
|
|
</p>
|
|
|
|
<div class="bg-[var(--wa-bg)] p-4 rounded-lg font-mono text-sm">
|
|
<span class="text-[var(--wa-text-muted)]"># Ejemplo de autenticacion</span><br>
|
|
<span class="text-[var(--wa-blue)]">curl</span> -X POST https://whatsapp.nucleoriofrio.com/api/messages/send \<br>
|
|
-H <span class="text-[var(--wa-green-light)]">"Authorization: Bearer YOUR_API_KEY"</span> \<br>
|
|
-H <span class="text-[var(--wa-green-light)]">"Content-Type: application/json"</span> \<br>
|
|
-d '{"instanceId": "...", "to": "...", "message": "..."}'
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Endpoints -->
|
|
<div class="instance-card p-6">
|
|
<h2 class="text-lg font-semibold text-[var(--wa-text)] mb-4">Endpoints Disponibles</h2>
|
|
|
|
<div class="space-y-4">
|
|
<!-- Send Message -->
|
|
<div class="border border-[var(--wa-border)] rounded-lg p-4">
|
|
<div class="flex items-center gap-2 mb-2">
|
|
<span class="bg-green-600 text-white text-xs px-2 py-1 rounded font-semibold">POST</span>
|
|
<code class="text-[var(--wa-text)]">/api/messages/send</code>
|
|
</div>
|
|
<p class="text-[var(--wa-text-muted)] text-sm mb-3">Envia un mensaje de texto a un numero de WhatsApp</p>
|
|
|
|
<div class="bg-[var(--wa-bg)] p-3 rounded text-sm font-mono">
|
|
<span class="text-[var(--wa-text-muted)]">// Request body</span><br>
|
|
{<br>
|
|
"instanceId": <span class="text-[var(--wa-green-light)]">"uuid-de-instancia"</span>,<br>
|
|
"to": <span class="text-[var(--wa-green-light)]">"5491123456789"</span>,<br>
|
|
"message": <span class="text-[var(--wa-green-light)]">"Hola desde la API!"</span><br>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- List Instances -->
|
|
<div class="border border-[var(--wa-border)] rounded-lg p-4">
|
|
<div class="flex items-center gap-2 mb-2">
|
|
<span class="bg-blue-600 text-white text-xs px-2 py-1 rounded font-semibold">GET</span>
|
|
<code class="text-[var(--wa-text)]">/api/instances</code>
|
|
</div>
|
|
<p class="text-[var(--wa-text-muted)] text-sm">Obtiene la lista de instancias disponibles</p>
|
|
</div>
|
|
|
|
<!-- Get Instance Status -->
|
|
<div class="border border-[var(--wa-border)] rounded-lg p-4">
|
|
<div class="flex items-center gap-2 mb-2">
|
|
<span class="bg-blue-600 text-white text-xs px-2 py-1 rounded font-semibold">GET</span>
|
|
<code class="text-[var(--wa-text)]">/api/instances/:id/status</code>
|
|
</div>
|
|
<p class="text-[var(--wa-text-muted)] text-sm">Obtiene el estado de conexion de una instancia</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Webhook Events -->
|
|
<div class="instance-card p-6">
|
|
<h2 class="text-lg font-semibold text-[var(--wa-text)] mb-4">Eventos de Webhook</h2>
|
|
<p class="text-[var(--wa-text-muted)] mb-4">
|
|
Los webhooks envian notificaciones cuando ocurren estos eventos:
|
|
</p>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
<div class="bg-[var(--wa-bg-light)] p-4 rounded-lg">
|
|
<code class="text-[var(--wa-green-light)]">message.received</code>
|
|
<p class="text-sm text-[var(--wa-text-muted)] mt-1">Se recibio un mensaje</p>
|
|
</div>
|
|
<div class="bg-[var(--wa-bg-light)] p-4 rounded-lg">
|
|
<code class="text-[var(--wa-green-light)]">message.sent</code>
|
|
<p class="text-sm text-[var(--wa-text-muted)] mt-1">Se envio un mensaje</p>
|
|
</div>
|
|
<div class="bg-[var(--wa-bg-light)] p-4 rounded-lg">
|
|
<code class="text-[var(--wa-green-light)]">instance.connected</code>
|
|
<p class="text-sm text-[var(--wa-text-muted)] mt-1">Instancia conectada</p>
|
|
</div>
|
|
<div class="bg-[var(--wa-bg-light)] p-4 rounded-lg">
|
|
<code class="text-[var(--wa-green-light)]">instance.disconnected</code>
|
|
<p class="text-sm text-[var(--wa-text-muted)] mt-1">Instancia desconectada</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
definePageMeta({
|
|
layout: 'dashboard',
|
|
title: 'API Docs',
|
|
icon: 'i-lucide-code'
|
|
})
|
|
</script>
|