安裝Pusher和Laravel廣播組件并配置BROADCAST_DRIVER=pusher及QUEUE_CONNECTION；2. 在Pusher官網(wǎng)創(chuàng)建應(yīng)用并獲取App Keys，填入.env文件對(duì)應(yīng)PUSHER變量；3. 在config/app.php中啟用BroadcastServiceProvider并在routes/channels.php定義授權(quán)頻道；4. 創(chuàng)建實(shí)現(xiàn)ShouldBroadcast接口的事件類，設(shè)置廣播頻道和數(shù)據(jù)格式，并在控制器中觸發(fā)事件；5. 前端引入Pusher JS和Laravel Echo，初始化配置并監(jiān)聽對(duì)應(yīng)頻道；6. 啟動(dòng)服務(wù)，登錄用戶觸發(fā)事件，通過瀏覽器控制臺(tái)和Pusher調(diào)試面板驗(yàn)證實(shí)時(shí)廣播功能成功運(yùn)行。

Setting up Pusher with Laravel is straightforward once you know the steps. Pusher allows real-time broadcasting of events in your Laravel app—perfect for notifications, chat apps, or live updates. Here’s how to get it working.

? 1. Install Pusher and Laravel Broadcast

First, make sure you have the required packages:

composer require pusher/pusher-php-server

Laravel comes with broadcasting support, but you need to enable it. In your .env file, set:

BROADCAST_DRIVER=pusher

Also make sure QUEUE_CONNECTION is set (usually to sync or database)—broadcasting often works alongside queues.

? 2. Configure Pusher Credentials

Go to Pusher.com, create an account (if you don’t have one), and create a new app. Note down these values from the "App Keys" section:

• PUSHER_APP_ID
• PUSHER_APP_KEY
• PUSHER_APP_SECRET
• PUSHER_APP_CLUSTER

Add them to your .env file:

PUSHER_APP_ID=your_app_id
PUSHER_APP_KEY=your_app_key
PUSHER_APP_SECRET=your_app_secret
PUSHER_APP_CLUSTER=your_cluster

Laravel uses these automatically via the config/broadcasting.php file.

? Tip: Make sure PUSHER_APP_KEY matches what you use in your frontend (e.g., in JavaScript).

? 3. Enable Broadcast Service Provider

In config/app.php, uncomment this line in the providers array:

App\Providers\BroadcastServiceProvider::class,

This registers the routes and logic for broadcasting.

Then, in routes/channels.php, you can define broadcast authorization routes (e.g., for private channels).

Example:

Broadcast::channel('user.{id}', function ($user, $id) {
    return (int) $user->id === (int) $id;
});

? 4. Create and Broadcast an Event

Generate an event:

php artisan make:event NotificationSent

Open the event file (app/Events/NotificationSent.php) and implement ShouldBroadcast:

<?php

namespace App\Events;

use Illuminate\Broadcasting\Channel;
use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Broadcasting\PresenceChannel;
use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Queue\SerializesModels;

class NotificationSent implements ShouldBroadcast
{
    use Dispatchable, InteractsWithSockets, SerializesModels;

    public $message;

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

    public function broadcastOn()
    {
        return new PrivateChannel('user.' . auth()->id());
        // or PublicChannel('notifications')
    }

    public function broadcastWith()
    {
        return ['message' => $this->message];
    }
}

Now dispatch the event from a controller:

event(new NotificationSent('Hello, user!'));

? 5. Listen on the Frontend with JavaScript

Include Pusher JS and Laravel Echo in your frontend (e.g., in resources/js/bootstrap.js or Blade):

<script src="https://js.pusher.com/8.2.0/pusher.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/laravel-echo@1.11.3/dist/echo.iife.js"></script>

Initialize Laravel Echo:

<script>
    window.Echo = new Echo({
        broadcaster: 'pusher',
        key: 'your-pusher-key', // from PUSHER_APP_KEY
        cluster: 'your-cluster', // e.g., 'mt1'
        encrypted: true,
        authEndpoint: '/broadcasting/auth', // for private channels
        auth: {
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            }
        }
    });

    // Listen to private channel
    Echo.private('user.'   userId)
        .listen('NotificationSent', (e) => {
            console.log(e.message);
        });
</script>

Make sure you have the CSRF meta tag in your layout:

<meta name="csrf-token" content="{{ csrf_token() }}">

? 6. Serve and Test

Run your Laravel app:

php artisan serve

Make sure you’re logged in (since private channels depend on auth), then trigger the event.

Check the browser console and Laravel logs (storage/logs/laravel.log) for errors.

Use Pusher Debug Console (in Pusher dashboard) to see real-time events being sent.

That’s it. You’ve set up real-time broadcasting with Pusher and Laravel. It’s not complicated, but the key parts—correct .env, event setup, auth, and frontend Echo config—must match exactly.

以上是如何使用Laravel設(shè)置推動(dòng)器？的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！