Laravel-Entwicklung: Wie implementiert man die WebSockets-Kommunikation mit Laravel Echo und Pusher?

Laravel ist ein beliebtes PHP-Framework, das hoch skalierbar und effizient ist. Es bietet viele leistungsstarke Tools und Bibliotheken, die es Entwicklern ermöglichen, schnell hochwertige Webanwendungen zu erstellen. Darunter sind Laravel Echo und Pusher zwei sehr wichtige Tools, mit denen die WebSockets-Kommunikation einfach implementiert werden kann. In diesem Artikel wird detailliert beschrieben, wie diese beiden Tools in Laravel-Anwendungen verwendet werden.

1. Was sind WebSockets?

WebSockets ist ein Protokoll mit bidirektionaler Kommunikation, das eine höhere Echtzeit und eine schnellere Datenübertragung erreichen kann. Im Vergleich zu herkömmlichen HTTP-Anfragen können WebSockets den Verbindungsstatus aufrechterhalten und Daten zwischen Client und Server übertragen, selbst wenn keine Anfrage oder Antwort erfolgt. WebSockets können eine bessere Benutzererfahrung und eine höhere Anwendungsleistung bieten und können in einer Vielzahl von Echtzeit-Anwendungsszenarien wie Chat-Anwendungen, Spielen usw. verwendet werden.

2. Einführung in Laravel Echo und Pusher

Laravel Echo ist ein Event-Broadcast-Framework, das eine einfache, konsistente API bietet, mit der Sie Echtzeit-Kommunikationskanäle auf der Clientseite verbinden können. Echo verlässt sich auf Pusher und Redis kann als Alternative verwendet werden, wenn Pusher nicht verfügbar ist. Pusher ist ein Echtzeit-WebSockets-Dienst, mit dem Sie ganz einfach Echtzeitfunktionen zu Ihrer Anwendung hinzufügen können. Pusher ist eine gehostete Lösung, die es Ihnen ermöglicht, alle WebSockets-Verwaltungsaufgaben für eine bessere Leistung auf einen Drittanbieter auszulagern der Bewerbung.

3. Laravel Echo und Pusher konfigurieren

Im Laravel-Projekt müssen Sie zuerst Echo und Pusher installieren. Sie können den Composer-Befehl zur Installation verwenden:

composer require pusher/pusher-php-server pusher/pusher-http-laravel beyondcode/laravel-websockets
npm install --save laravel-echo pusher-js

Nach Abschluss der Installation müssen Sie Pusher-bezogene Informationen konfigurieren in der .env-Datei:

PUSHER_APP_ID=your-app-id
PUSHER_APP_KEY=your-app-key
PUSHER_APP_SECRET=your-app-secret
PUSHER_APP_CLUSTER=your-app-cluster

Dann konfigurieren Sie Broadcaster in der Datei config/broadcasting.php als Pusher:

'default' => env('BROADCAST_DRIVER', 'pusher'),

'connections' => [
    'pusher' => [
        'driver' => 'pusher',
        'key' => env('PUSHER_APP_KEY'),
        'secret' => env('PUSHER_APP_SECRET'),
        'app_id' => env('PUSHER_APP_ID'),
        'options' => [
            'cluster' => env('PUSHER_APP_CLUSTER'),
            'encrypted' => true,
        ],
    ],
],

4. Verwenden Sie Pushers Laravel WebSockets, um den Websocket-Server auszuführen.

Pusher verfügt über eine Open-Source-Bibliothek, die Laravel WebSockets ermöglicht Sie können WebSockets auf Ihren eigenen Serverservern ausführen und so Kosten sparen sowie Leistung und Flexibilität erhöhen. Die spezifischen Vorgänge sind wie folgt:

1. Installieren Sie die Datenbanktabellen und Daten, die zum Ausführen von Laravel WebSockets erforderlich sind.

   php artisan websocket:install

2. Füllen Sie die für Laravel WebSockets erforderliche Konfiguration aus

Verarbeitungsereignis

3. php artisan websocket:publish

Das Ereignis kann dann mit dem folgenden Code gepusht werden:

4. protected $listen = [
       'AppEventsExampleEvent' => [
           'AppListenersExampleListener',
       ],
   ];

   So verwenden Sie Laravel Echo und Pusher im Frontend

Die Verwendung von Laravel Echo und Pusher im Frontend ist sehr einfach Ganz einfach, hier ist ein einfaches Beispiel:

<?php

namespace AppEvents;

use IlluminateBroadcastingInteractsWithSockets;
use IlluminateFoundationEventsDispatchable;
use IlluminateQueueSerializesModels;

class ExampleEvent
{
 use Dispatchable, InteractsWithSockets, SerializesModels;

 public $data;

 public function __construct($data)
 {
     $this->data = $data;
 }

 public function broadcastOn()
 {
     return ['test_channel'];
 }

 public function broadcastAs()
 {
     return 'example-event';
 }
}

Mit der oben genannten Methode können wir Laravel Echo und Pusher verwenden, um die WebSockets-Kommunikation in Laravel-Anwendungen zu implementieren.
5. Zusammenfassung

Laravel Echo und Pusher bieten eine sehr praktische und schnelle WebSockets-Lösung, mit der wir schnell leistungsstarke Echtzeit-Webanwendungen erstellen können. In diesem Artikel erfahren Sie, wie Sie Laravel Echo und Pusher konfigurieren und die Laravel WebSockets von Pusher verwenden, um einen WebSockets-Server lokal zu erstellen. Gleichzeitig werden Laravel Echo und Pusher am Frontend verwendet, um eine Verbindung zum WebSockets-Server herzustellen und eine Echtzeitkommunikation zu erreichen Fähigkeiten.

Das obige ist der detaillierte Inhalt vonLaravel-Entwicklung: Wie implementiert man die WebSockets-Kommunikation mit Laravel Echo und Pusher?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!