如何将 WebSocket 实时通信加入 Laravel 管理界面

BROADCAST_DRIVER=pusher

composer require pusher/pusher-php-servernpm install --save laravel-echo pusher-js

如果你用的是 laravel-websockets，还需要安装并运行 WebSocket 服务：

composer require beyondcode/laravel-websocketsphp artisan vendor:publish --provider="BeyondCode\LaravelWebSockets\WebSocketsServiceProvider"php artisan websockets:serve

Laravel Echo 是一个 JavaScript 库，用于监听频道事件，并与 Pusher / WebSockets 通信。

初始化 Echo 的基本代码如下：

import Echo from "laravel-echo";window.Pusher = require('pusher-js');window.Echo = new Echo({    broadcaster: 'pusher',    key: process.env.MIX_PUSHER_APP_KEY,    cluster: process.env.MIX_PUSHER_APP_CLUSTER,    wsHost: window.location.hostname, // 如果是自建 WebSocket 服务    wsPort: 6001,    forceTLS: false,    disableStats: true,});

// 生成事件php artisan make:event NewOrderPlaced// 在事件类中 use ShouldBroadcastpublic function broadcastOn(){    return new Channel('orders');}

Echo.channel('orders')    .listen('NewOrderPlaced', (e) => {        console.log('收到新订单：', e.order);        // 在这里更新 UI，比如弹出提示框    });

php artisan tinkerevent(new App\Events\NewOrderPlaced(['order_id' => 123]));