Ejemplos

Los ejemplos demuestran diferentes casos de uso de Pasarela. Cada ejemplo es una aplicación independiente que consume Pasarela como servicio.

Acceso a los ejemplos

Con el stack Docker levantado, accede a:

• Índice: http://localhost:8000
• Chat: http://localhost:8000/chat/
• Pizza Delivery: http://localhost:8000/pizza-delivery/
• Booking de Eventos: http://localhost:8000/booking-eventos/

💬 Chat en Tiempo Real

Chat multi-usuario con presencia y mensajes instantáneos.

Características:

• Identificación por nickname
• Lista de usuarios online
• Mensajes instantáneos
• Indicador de conexión

Identificador usado: nickname

await pasarela.identificar('Juan');

pasarela.enviarATodos({
  tipo: 'mensaje',
  usuario: 'Juan',
  texto: 'Hola a todos!'
});

🍕 Pizza Delivery

Sistema de pedidos con tracking en tiempo real.

Características:

• Panel de cliente para ordenar
• Panel de cocina para gestionar
• Estados en tiempo real
• Tracking del pedido

Identificador usado: deviceId

const deviceId = localStorage.getItem('deviceId');
await pasarela.identificar(deviceId);

pasarela.enviarATodos({
  tipo: 'nuevo_pedido',
  pedidoId: 'ABC123',
  pizza: 'Pepperoni'
});

🎫 Booking de Eventos

Reserva de boletos con disponibilidad en tiempo real.

Características:

• Calendario con FullCalendar
• Selector de asientos visual
• Disponibilidad en tiempo real
• Panel de administración

Identificador usado: sessionId

await pasarela.identificar(sessionId);

pasarela.enviarATodos({
  tipo: 'asiento_reservado',
  eventoId: 'concierto-1',
  asiento: 15
});

Crear tu propio ejemplo

1. Crea un directorio en ejemplos/
2. Crea tu index.html
3. Incluye Socket.io y el conector:

<script src="https://cdn.socket.io/4.7.4/socket.io.min.js"></script>
<script src="../conector.js"></script>

4. Conecta y usa Pasarela:

const pasarela = new PasarelaConector('http://localhost:5000');

pasarela.on('pasarela', (data) => {
  // Tu lógica aquí
});

await pasarela.conectar();
await pasarela.identificar(tuIdentificador);

// Enviar mensajes
pasarela.enviarATodos({ tipo: 'mi_evento', datos: {} });

La Magia

Pasarela no sabe ni le importa qué significan tus mensajes. Solo los entrega. Tu aplicación define:

• Qué tipos de mensajes existen
• Qué significa cada uno
• Cómo reaccionar a ellos

Esto permite que el mismo Pasarela sirva para un chat, un sistema de pedidos, un juego multijugador, o cualquier cosa que necesite comunicación en tiempo real.