Zum Hauptinhalt springen

Echtzeit & Broadcasting

Einstellungen → Erweitert → Echtzeit konfiguriert die WebSocket-Broadcasting-Schicht, die Live-Updates im LeadHub-Admin-Bereich antreibt.

Wenn Echtzeit aktiviert ist:

  • Das Live-Lead-Feed-Widget im Dashboard aktualisiert sich sofort, wenn ein neuer Lead eintrifft
  • Benachrichtigungs-Badges erscheinen ohne Seitenaktualisierung
  • Das Kanban-Board spiegelt Drag-and-Drop-Änderungen anderer Teammitglieder in Echtzeit wider

Wenn Echtzeit deaktiviert ist, fällt der Bereich auf Polling zurück (Seitenaktualisierungen alle 30 Sekunden).

Unterstützte Treiber​

TreiberGehostet?KostenHinweise
Pusher✅ CloudKostenloser Tier verfügbarBeliebteste Option, einfachstes Setup
Laravel Reverb❌ Self-hostedKostenlos (nur Serverkosten)Offizieller Laravel WebSocket-Server
Soketi❌ Self-hostedKostenlos (nur Serverkosten)Leichtgewichtiger Pusher-kompatibler Server
Deaktiviert (Polling)—KostenlosKein WebSocket; Bereich pollt stattdessen

Shared Hosting: Pusher ist die einfachste Option. Self-hosted Reverb/Soketi erfordert einen VPS mit persistenten Prozessen.

Option A — Pusher (Gehostet)​

Schritt 1 — Eine Pusher-App erstellen​

  1. Registrieren Sie sich unter pusher.com (kostenloser Tier: 200 Verbindungen, 200k Nachrichten/Tag).
  2. Gehen Sie zu Channels → App erstellen.
  3. Geben Sie einen Namen ein (z. B. LeadHub) und wählen Sie Ihre Region.
  4. Kopieren Sie unter App-Schlüssel:
    • App-ID
    • Schlüssel
    • Geheimnis
    • Cluster (z. B. us2, eu)

Schritt 2 — In LeadHub konfigurieren​

  1. Gehen Sie zu Einstellungen → Erweitert → Echtzeit.

  2. Setzen Sie Treiber auf Pusher / Soketi / Reverb (Pusher-Protokoll).

  3. Füllen Sie aus:

    FeldWert
    Echtzeit-Updates aktivierenEinschalten
    App-IDAus Pusher App-Schlüsseln
    App-SchlüsselAus Pusher App-Schlüsseln
    App-GeheimnisAus Pusher App-Schlüsseln
    ClusterIhr Pusher-Cluster (z. B. us2)
    Benutzerdefinierter HostLeer lassen (Pusher Cloud)
    Port443
    SchemaHTTPS

  4. Klicken Sie auf Einstellungen speichern.

Option B — Laravel Reverb (Self-Hosted)​

Reverb ist ein offizieller Laravel WebSocket-Server, der das Pusher-Protokoll verwendet.

Schritt 1 — Reverb installieren​

Auf Ihrem Server:

php artisan reverb:install

Reverb mit Supervisor starten:

[program:reverb]
command=php /var/www/leadhub/artisan reverb:start --host=0.0.0.0 --port=8080
autostart=true
autorestart=true
user=www-data

Schritt 2 — In LeadHub konfigurieren​

Gehen Sie zu Einstellungen → Erweitert → Echtzeit und füllen Sie die App-ID, App-Schlüssel, App-Geheimnis, benutzerdefinierten Host, Port und Schema für Ihren Reverb-Server aus.

Option C — Soketi (Self-Hosted, Leichtgewichtig)​

Soketi ist ein leichtgewichtiger Node.js Pusher-kompatibler Server.

npm install -g @soketi/soketi
soketi start --config.port=6001 --config.appManager.driver=array \
  --config.appManager.array.apps.0.id=leadhub \
  --config.appManager.array.apps.0.key=leadhub-key \
  --config.appManager.array.apps.0.secret=leadhub-secret

Konfigurieren Sie in LeadHub unter Einstellungen → Erweitert → Echtzeit mit Ihren Soketi-App-Werten.

Option D — Echtzeit deaktivieren (Polling)​

  1. Gehen Sie zu Einstellungen → Erweitert → Echtzeit.
  2. Schalten Sie Echtzeit-Updates aktivieren aus oder setzen Sie Treiber auf Deaktiviert (nur Polling).
  3. Klicken Sie auf Einstellungen speichern.

Der Bereich aktualisiert sich alle 30 Sekunden. Alle Funktionen funktionieren korrekt — nur ohne sofortige Live-Updates.

Fehlerbehebung​

ProblemLösung
Live-Lead-Feed wird nicht aktualisiertVergewissern Sie sich, dass App-Schlüssel/Geheimnis mit Ihrer Pusher/Reverb/Soketi-Konfiguration übereinstimmt
WebSocket-Verbindungsfehler in der Browser-KonsoleBenutzerdefinierter Host, Port und Schema-Einstellungen prüfen
Reverb/Soketi verbindet sich nichtSicherstellen, dass der Prozess läuft und der Port zugänglich ist (Firewall-Regeln)
"Queue-Worker nach dem Ändern des Treibers neu starten"Wenn Sie den Broadcasting-Treiber ändern, starten Sie Ihren Queue-Worker-Prozess neu

Nach dem Ändern der Echtzeit-Einstellungen ist ein harter Browser-Refresh (Strg+Umschalt+R) erforderlich, damit die neuen Einstellungen im Frontend wirksam werden.