​

Índice de Documentación

​

Rutas recomendadas por perfil

​

Si estás empezando (junior)

1. Quickstart
2. Arquitectura
3. Flujo de autenticación
4. Quickstart Backend
5. Quickstart React

​

Si ya tienes experiencia (senior)

1. Configuración backend
2. DatabaseAdapter
3. usePinAuth
4. Códigos de error
5. Guía de despliegue

​

Para Empezar

​

SDKs Disponibles

​

Estructura de la Documentación

​

Conceptos Fundamentales

• Arquitectura - Cómo está construido el SDK
• Flujo de Autenticación - Paso a paso del proceso
• Seguridad - Prácticas de seguridad

​

Backend (Node.js)

• Overview - Visión general del backend
• Instalación - Cómo instalar
• Configuración - Opciones de configuración
• Quickstart - Empezar rápido
• Clases - Referencia de clases
• Database Adapter - Conectar bases de datos

​

Frontend (React)

• Overview - Visión general de React
• Instalación - Cómo instalar
• Quickstart - Empezar rápido
• Hooks - Referencia de hooks
• Interfaces - Tipos TypeScript

​

Guías Prácticas

• Testing - Cómo testear tu aplicación
• Manejo de Errores - Gestión robusta de errores
• Despliegue - Poner en producción
• Migración - Actualizar entre versiones

​

API Reference

• Endpoints REST - HTTP API
• WebSocket Events - Eventos en tiempo real
• Códigos de Error - Referencia de errores

​

Ejemplos Rápidos

​

Backend Básico

import { CamarauthBackend } from 'camarauth-sdk/backend';

const backend = new CamarauthBackend({
  port: 3001,
  evolutionApiUrl: 'https://tu-evolution-api.com',
  evolutionApiKey: 'tu-api-key',
  evolutionInstanceName: 'mi-instancia'
});

backend.start();

​

Frontend React

import { usePinAuth } from 'camarauth-sdk/react';

function Login() {
  const { pin, emojis, generate, status } = usePinAuth({
    apiUrl: 'http://localhost:3001',
    whatsappNumber: '+34600123456'
  });

  if (status === 'success') {
    return <div>¡Bienvenido!</div>;
  }

  return (
    <div>
      {!pin ? (
        <button onClick={generate}>Generar PIN</button>
      ) : (
        <div>
          <p>Tu código: {emojis.join(' ')}</p>
        </div>
      )}
    </div>
  );
}

​

Necesitas Ayuda?

• 💬 GitHub Discussions
• 🐛 Reportar Issues
• 📧 Email de Soporte

​

Contribuir