API Temps Réel avec Laravel Reverb

CPL TANGO YA SOLO

Connectez vos applications en temps réel avec notre API WebSocket puissante et simple à utiliser

Commencer Voir la documentation

Temps Réel

Diffusion d'événements instantanée via WebSocket avec Laravel Reverb

Sécurisé

Support des channels publics, privés et de présence avec authentification

Simple

API REST intuitive pour diffuser des événements en quelques lignes de code

Comment ça fonctionne

Trois étapes simples pour intégrer le temps réel dans vos applications

Obtenir les informations de connexion

Récupérez automatiquement les informations nécessaires pour vous connecter au serveur WebSocket.


                                GET /api/realtime/connection-info

{
  "app_id": "your-app-id",
  "key": "your-app-key",
  "host": "localhost",
  "port": 8080,
  "scheme": "http",
  "ws_url": "ws://localhost:8080"
}

Se connecter au WebSocket

Utilisez n'importe quelle bibliothèque compatible Pusher pour vous connecter et écouter les événements.

const pusher = new Pusher(info.key, {
  wsHost: info.host,
  wsPort: info.port,
  wssPort: info.port,
  forceTLS: info.scheme === 'https',
  enabledTransports: ['ws', 'wss'],
  cluster: ''
});

pusher.subscribe('notifications')
  .bind('new-notification', (data) => {
    console.log('Événement:', data);
  });

Diffuser des événements

Utilisez l'API REST pour diffuser des événements qui seront reçus en temps réel par tous les clients connectés.


                                POST /api/realtime/broadcast

{
  "channel": "notifications",
  "event": "new-notification",
  "data": {
    "title": "Nouveau message",
    "message": "Hello World!",
    "timestamp": "2024-01-01T12:00:00Z"
  }
}

Exemples de code

Intégrez facilement CPL TANGO YA SOLO dans votre application

JavaScript

// Récupérer les infos de connexion
const info = await fetch(
  '/api/realtime/connection-info'
).then(r => r.json());

// Se connecter
const pusher = new Pusher(info.key, {
  wsHost: info.host,
  wsPort: info.port,
  wssPort: info.port,
  forceTLS: info.scheme === 'https',
  enabledTransports: ['ws', 'wss'],
  cluster: ''
});

// Écouter les événements
pusher.subscribe('notifications')
  .bind('new-notification', (data) => {
    console.log('Notification:', data);
  });

cURL

curl -X POST \
  http://localhost:8000/api/realtime/broadcast \
  -H "Content-Type: application/json" \
  -d '{
    "channel": "notifications",
    "event": "new-notification",
    "data": {
      "title": "Test",
      "message": "Hello World!"
    }
  }'

Fonctionnalités

Tout ce dont vous avez besoin pour créer des applications temps réel

Channels Publics

Diffusez des événements accessibles à tous sans authentification

Channels Privés

Sécurisez vos communications avec des channels privés authentifiés

Channels de Présence

Suivez les utilisateurs connectés sur vos channels

Multi-langages

Compatible avec JavaScript, Python, PHP, Node.js et plus

API REST

Endpoints simples pour diffuser des événements via HTTP

Documentation complète

Guides détaillés et exemples pour tous les langages

Démo en direct

Testez l'API en temps réel directement depuis cette page

ℹ️ Note importante : L'API utilise maintenant Pusher->trigger() pour diffuser directement les événements. Les événements sont diffusés avec un point (.) au début du nom (ex: .demo-event).

Statut de connexion

Déconnecté

Channel à écouter

Nom de l'événement

Message à envoyer

Événements reçus

Aucun événement reçu pour le moment...