Reverb 是 Laravel 中用于实时事件广播的 Pusher 的实用替代方案。本指南重点介绍在 Laravel 11 中为托管在 Cloudflare 后面且具有灵活 SSL 的实时制作系统配置 Reverb。
在深入设置之前,请确保您具备以下条件:
首先,您需要在 Laravel 项目中安装 Reverb。运行以下 Composer 命令:
composer require laravel/reverb
安装完成后,发布配置文件:
php artisan vendor:publish --provider="Laravel\Reverb\ReverbServiceProvider"
这将创建一个 config/reverb.php 文件,您可以在其中调整混响的设置。
以下是混响的配置示例:
<?php return [ 'default' => env('REVERB_SERVER', 'reverb'), 'servers' => [ 'reverb' => [ 'host' => env('REVERB_HOST', '0.0.0.0'), 'port' => env('REVERB_PORT', 6001), 'hostname' => env('REVERB_HOST'), 'options' => [ 'tls' => [], ], 'max_request_size' => env('REVERB_MAX_REQUEST_SIZE', 10_000), 'scaling' => [ 'enabled' => env('REVERB_SCALING_ENABLED', false), 'channel' => env('REVERB_SCALING_CHANNEL', 'reverb'), 'server' => [ 'url' => env('REDIS_URL'), 'host' => env('REDIS_HOST', '127.0.0.1'), 'port' => env('REDIS_PORT', '6379'), 'username' => env('REDIS_USERNAME'), 'password' => env('REDIS_PASSWORD'), 'database' => env('REDIS_DB', '0'), ], ], 'pulse_ingest_interval' => env('REVERB_PULSE_INGEST_INTERVAL', 15), 'telescope_ingest_interval' => env('REVERB_TELESCOPE_INGEST_INTERVAL', 15), ], ], 'apps' => [ 'provider' => 'config', 'apps' => [ [ 'key' => env('REVERB_APP_KEY'), 'secret' => env('REVERB_APP_SECRET'), 'app_id' => env('REVERB_APP_ID'), 'options' => [ 'host' => env('REVERB_HOST'), 'port' => env('REVERB_PORT', 443), 'scheme' => env('REVERB_SCHEME', 'https'), 'useTLS' => env('REVERB_SCHEME', 'https') === 'https', ], 'allowed_origins' => ['*'], 'ping_interval' => env('REVERB_APP_PING_INTERVAL', 60), 'activity_timeout' => env('REVERB_APP_ACTIVITY_TIMEOUT', 30), 'max_message_size' => env('REVERB_APP_MAX_MESSAGE_SIZE', 10_000), ], ], ], ];
确保在您的 .env 文件中正确配置以下环境变量:
BROADCAST_CONNECTION=reverb QUEUE_CONNECTION=database REVERB_HOST=127.0.0.1 REVERB_PORT=6001 REVERB_APP_ID=<app-key> REVERB_APP_KEY=<app-key> REVERB_APP_SECRET=<app-secret> REVERB_SCHEME=http VITE_REVERB_APP_KEY="${REVERB_APP_KEY}" VITE_REVERB_HOST="example.com" VITE_REVERB_PORT=443 VITE_REVERB_SCHEME=https
使用以下 Artisan 命令生成新的事件类:
php artisan make:event MessageSent
以下是 MessageSent 事件的示例实现:
<?php namespace App\Events; use Illuminate\Broadcasting\InteractsWithSockets; use Illuminate\Contracts\Broadcasting\ShouldBroadcast; use Illuminate\Foundation\Events\Dispatchable; use Illuminate\Queue\SerializesModels; use Illuminate\Broadcasting\Channel; class MessageSent implements ShouldBroadcast { use Dispatchable, InteractsWithSockets, SerializesModels; public $message; public function __construct($message) { $this->message = $message; } public function broadcastOn(): Channel { return new Channel('chat-channel'); } public function broadcastAs(): string { return 'message-sent'; } }
创建一个简单的 Blade 模板来测试混响功能 (welcome.blade.php):
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>Laravel Reverb WebSocket Test</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/pusher/8.3.0/pusher.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/laravel-echo/1.17.1/echo.iife.min.js"></script> </head> <body> <h1>Laravel Reverb WebSocket Test</h1> <p>Open the console to see WebSocket messages.</p> <button> <h2> Defining Routes </h2> <p>Below is the code to define the required routes:<br> </p> <pre class="brush:php;toolbar:false"><?php use Illuminate\Support\Facades\Route; use App\Events\MessageSent; Route::post('/send-message', function (\Illuminate\Http\Request $request) { event(new MessageSent($request->input('message'))); return response()->json(['success' => true]); }); Route::get('/', function () { return view('welcome'); });
运行以下命令以启用必要的 Apache 模块:
sudo a2enmod proxy sudo a2enmod proxy_wstunnel sudo a2enmod rewrite
下面是 Apache VirtualHost 设置的示例配置:
<VirtualHost *:80> ServerAdmin admin@example.com ServerName example.com DocumentRoot /var/www/example.com/public ProxyPreserveHost On ProxyRequests Off ProxyPass /app ws://127.0.0.1:6001/app ProxyPassReverse /app ws://127.0.0.1:6001/app SetEnvIf X-Forwarded-Proto https HTTPS=on ErrorLog /var/www/logs/example.com_error.log CustomLog /var/www/logs/example.com_access.log combined </VirtualHost> <Directory /var/www/example.com> Options -Indexes +FollowSymLinks -MultiViews AllowOverride All Require all granted </Directory>
要启动服务,您需要启动事件工作线程和 Rebel 服务器。
运行以下命令来启动事件工作线程:
php artisan queue:work
使用以下命令在指定端口和主机上启动 Rebel 服务器:
php artisan reverb:start --port=6001 --host=0.0.0.0
如果您不使用 Laravel Echo 和 Pusher 的 CDN,则需要安装所需的 npm 库(pusher-js 和 laravel-echo)以将实时事件广播集成到您的应用程序中。此设置需要前端构建过程来管理和捆绑项目中的库。
对于使用完整 SSL 托管在 Cloudflare 后面的应用程序,必须使用正确定义的 SSL 证书配置单独的 VirtualHost。这可确保安全的 WebSocket 通信并避免 SSL/TLS 不匹配的问题,从而阻止 WebSocket 连接正常运行。
以上是使用 Apache 在 Laravel 中配置混响的详细内容。更多信息请关注PHP中文网其他相关文章!