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

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!