Real-time Apps with Laravel 5.1 and Event Broadcasting

Laravel 5.1's event broadcasting simplifies real-time app development in PHP. This feature enables publishing events to real-time PubSub solutions like Pusher or Redis. This article demonstrates building a real-time to-do app using this functionality.

We'll transform a basic to-do app into a real-time application.

Key Concepts:

• Laravel 5.1's event broadcasting facilitates real-time PHP apps by publishing events to services like Pusher or Redis.
• Real-time functionality is achieved by defining Laravel events triggered when items are created, updated, or deleted. These events leverage the ShouldBroadcast interface.
• Pusher, a real-time cloud service, integrates seamlessly. You'll need a Pusher account and its server library. The Pusher JavaScript client handles client-side event handling.
• Laravel's broadcasting significantly enhances real-time capabilities in PHP, previously more common in platforms like Node.js. The framework's extensibility supports other real-time solutions via composer packages or custom drivers.

Setup:

The simplest approach is using Homestead Improved. Alternatively, ensure Git and Composer are installed. Clone the starter app:

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

Testing the Non-Real-time App:

The initial app lacks real-time updates. Open the homepage in two browsers. Modifying the to-do list in one browser won't reflect in the other without a manual refresh. Let's add real-time capabilities.

Adding Real-time Functionality:

We'll define three Laravel events (ItemCreated, ItemUpdated, ItemDeleted) triggered on item creation, modification, and deletion.

Broadcasting Events:

These events will implement the ShouldBroadcast interface. This interface mandates a broadcastOn method returning an array of channels for broadcasting. Generate the events:

php artisan make:event ItemCreated
php artisan make:event ItemUpdated
php artisan make:event ItemDeleted

Replace the contents of app/Events/ItemCreated.php, app/Events/ItemUpdated.php, and app/Events/ItemDeleted.php with the code provided in the original article (too lengthy to reproduce here). These events serialize data and broadcast it on the itemAction channel.

Database Events:

We'll use Eloquent's model events (created, updated, deleted) to trigger our broadcasting events within a service provider (app/Providers/AppServiceProvider.php). Replace the contents with the code from the original article (too lengthy to reproduce here).

Pusher Integration:

1. Registration: Create a Pusher account and a new app (e.g., "todo-app"). Note the app_id, key, and secret.

2. Pusher PHP Server Library: Install the Pusher PHP server library:

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

3. JavaScript: Add the following JavaScript code before the closing </body> tag in resources/views/index.blade.php:

   php artisan make:event ItemCreated
   php artisan make:event ItemUpdated
   php artisan make:event ItemDeleted

4. Comment out existing JavaScript: In public/js/app.js, comment out the addItem() and removeItem() function calls.

5. Create pusher.js: Create public/js/pusher.js and add the JavaScript code from the original article (too lengthy to reproduce here). This subscribes to the itemAction channel and handles events to update the UI.

Testing the Real-time App:

Set your Pusher credentials in your .env file:

composer require 'pusher/pusher-php-server:2.2.1'

Open two browser windows. Changes in one window should instantly reflect in the other.

Conclusion:

Laravel 5.1's event broadcasting simplifies real-time app development in PHP. This feature, combined with services like Pusher, offers a powerful and efficient way to create dynamic and responsive applications. The framework's extensibility allows for integration with other real-time solutions as needed. The FAQs from the original article are omitted here due to length but cover additional details on event broadcasting in Laravel.

The above is the detailed content of Real-time Apps with Laravel 5.1 and Event Broadcasting. For more information, please follow other related articles on the PHP Chinese website!