Heim > Backend-Entwicklung > PHP-Tutorial > Echtzeit-Apps mit Laravel 5.1 und Event Broadcasting

Echtzeit-Apps mit Laravel 5.1 und Event Broadcasting

Christopher Nolan
Freigeben: 2025-02-17 11:14:10
Original
462 Leute haben es durchsucht

Die Event Broadcasting von

Laravel 5.1 vereinfacht die Echtzeit-App-Entwicklung in PHP. Diese Funktion ermöglicht die Veröffentlichung von Ereignissen in Echtzeit-PubSub-Lösungen wie Pusher oder Redis. Dieser Artikel zeigt, dass das Erstellen einer Echtzeit-Aufgaben-App mit dieser Funktionalität erstellt wird.

Real-time Apps with Laravel 5.1 and Event Broadcasting

Wir werden eine grundlegende Aufgaben-App in eine Echtzeitanwendung verwandeln.

Schlüsselkonzepte:

  • Laravel 5.1's Event Broadcasting erleichtert Echtzeit-PHP-Apps, indem er Veranstaltungen zu Diensten wie Pusher oder Redis veröffentlichen.
  • Echtzeitfunktionalität wird erreicht, indem Laravel-Ereignisse definiert werden, die bei erstellten Elementen ausgelöst, aktualisiert oder gelöscht werden. Diese Ereignisse nutzen die ShouldBroadcast -Schinschnittstelle.
  • Pusher, ein Cloud-Dienst in Echtzeit, integriert nahtlos. Sie benötigen ein Pusher -Konto und seine Serverbibliothek. Der Pusher JavaScript-Client übernimmt die Client-Seite-Ereignishandhabung.
  • Die Rundfunk von
  • Laravel verbessert die Echtzeitfunktionen in PHP erheblich, die bisher häufiger in Plattformen wie Node.js. Die Erweiterbarkeit des Frameworks unterstützt andere Echtzeitlösungen über Komponistenpakete oder benutzerdefinierte Treiber.

Setup:

Der einfachste Ansatz ist die Verbesserung von Homestead. Stellen Sie alternativ sicher, dass Git und Komponist installiert sind. Klonen Sie die Starter -App:

git clone https://github.com/cwt137/l51-todo-app todo-app
cd todo-app
composer install
php artisan migrate
Nach dem Login kopieren
Nach dem Login kopieren

Testen Sie die Nicht-Real-Zeit-App:

der anfänglichen App fehlen Echtzeit-Updates. Öffnen Sie die Homepage in zwei Browsern. Das Ändern der To-Do-Liste in einem Browser wird in der anderen nicht ohne manuelle Aktualisierung reflektiert. Fügen wir Echtzeitfunktionen hinzu.

Echtzeitfunktionalität hinzufügen:

Wir werden drei Laravel -Ereignisse (ItemCreated, ItemUpdated, ItemDeleted) definieren

Rundfunkereignisse:

Diese Ereignisse implementieren die

-Schinschnittstellen. Diese Schnittstelle schreibt eine ShouldBroadcast -Methode vor, die ein Array von Kanälen für den Rundfunk zurückgibt. Generieren Sie die Ereignisse: broadcastOn

php artisan make:event ItemCreated
php artisan make:event ItemUpdated
php artisan make:event ItemDeleted
Nach dem Login kopieren
Nach dem Login kopieren
Ersetzen Sie den Inhalt von

, app/Events/ItemCreated.php und app/Events/ItemUpdated.php durch den im ursprünglichen Artikel angegebenen Code (zu langwierig, um sie hier zu reproduzieren). Diese Ereignisse serialisieren Daten und übertragen sie auf dem app/Events/ItemDeleted.php Kanal. itemAction

Datenbankereignisse:

Wir werden die Modellereignisse von Eloquent (

, created, updated) verwenden, um unsere Rundfunkereignisse innerhalb eines Dienstanbieters (deleted) auszulösen. Ersetzen Sie den Inhalt durch den Code aus dem ursprünglichen Artikel (zu langwierig, um sich hier zu reproduzieren). app/Providers/AppServiceProvider.php

Pusher -Integration:

  1. Registrierung: Erstellen Sie ein Pusher-Konto und eine neue App (z. B. "Todo-App"). Beachten Sie die app_id, key und secret.

  2. Pusher PHP Serverbibliothek: Installieren Sie die Pusher -PHP -Serverbibliothek:

    git clone https://github.com/cwt137/l51-todo-app todo-app
    cd todo-app
    composer install
    php artisan migrate
    Nach dem Login kopieren
    Nach dem Login kopieren
  3. JavaScript: Fügen Sie den folgenden JavaScript -Code vor dem Schließen </body> in resources/views/index.blade.php:

    hinzu
    php artisan make:event ItemCreated
    php artisan make:event ItemUpdated
    php artisan make:event ItemDeleted
    Nach dem Login kopieren
    Nach dem Login kopieren
  4. Kommentieren Sie vorhandener JavaScript: In public/js/app.js, kommentieren Sie die Funktionsaufrufe addItem() und removeItem().

  5. erstellen pusher.js: erstellen public/js/pusher.js und fügen Sie den JavaScript -Code aus dem Originalartikel hinzu (zu langwierig, um sie hier zu reproduzieren). Dies zeichnet sich dem itemAction -Kanal an und kümmert sich um Ereignisse, um die Benutzeroberfläche zu aktualisieren.

Testen Sie die Echtzeit-App:

Stellen Sie Ihre Pusher -Anmeldeinformationen in Ihrer .env -Datei fest:

composer require 'pusher/pusher-php-server:2.2.1'
Nach dem Login kopieren

Öffnen Sie zwei Browserfenster. Änderungen in einem Fenster sollten sofort im anderen reflektieren.

Schlussfolgerung:

Die Event Broadcasting von

Laravel 5.1 vereinfacht die Echtzeit-App-Entwicklung in PHP. Diese Funktion, kombiniert mit Diensten wie Pusher, bietet eine leistungsstarke und effiziente Möglichkeit, dynamische und reaktionsschnelle Anwendungen zu erstellen. Die Erweiterbarkeit des Frameworks ermöglicht die Integration in andere Echtzeitlösungen nach Bedarf. Die FAQs aus dem Originalartikel sind hier aufgrund der Länge weggelassen, dokumentieren jedoch zusätzliche Details zum Ereignisübertragung in Laravel.

Das obige ist der detaillierte Inhalt vonEchtzeit-Apps mit Laravel 5.1 und Event Broadcasting. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage