• 即時(shí)更新：推送更新，消息和事件立即向客戶端。
• 魯棒安全：包括安全通信的數(shù)據(jù)加密和身份驗(yàn)證。
• >>用Laravel Reverb
構(gòu)建實(shí)時(shí)聊天應(yīng)用程序
• 本指南演示了使用Reverb創(chuàng)建動(dòng)態(tài)聊天應(yīng)用程序。消息立即交付，確保用戶體驗(yàn)。> >
>步驟1：設(shè)置您的Laravel項(xiàng)目
• >
>確保您有Laravel應(yīng)用程序（建議使用11版或更高版本）。 使用

>

>使用：安裝混響

中配置Reverb并設(shè)置以下環(huán)境變量：>
• 也將自動(dòng)生成composer create-project laravel/laravel your-chat-app-name
文件（位于

http://www.miracleart.cn/link/865E434F7F4F4F4F4E0E0E0E0E0E0E0E0E0E0E0E0E0E0E938B06809） >

php artisan install:broadcasting

config/reverb.php（使用

<code>BROADCAST_DRIVER=reverb
REVERB_APP_ID=my-app-id
REVERB_APP_KEY=my-app-key
REVERB_APP_SECRET=my-app-secret</code>

和echo.js>用于自定義配置。）resources/js 步驟4：數(shù)據(jù)庫設(shè)置

>在文件中配置數(shù)據(jù)庫。 （使用sqlite示例）：

創(chuàng)建數(shù)據(jù)庫文件：

php artisan reverb:start

此示例使用五個(gè)預(yù)定義的聊天室。 創(chuàng)建--host模型和遷移：--port

php artisan install:broadcasting

遷移（database/migrations/*.php）應(yīng)包括：

<code>BROADCAST_DRIVER=reverb
REVERB_APP_ID=my-app-id
REVERB_APP_KEY=my-app-key
REVERB_APP_SECRET=my-app-secret</code>

運(yùn)行遷移：php artisan migrate

>將關(guān)系添加到ChatMessage>模型（app/Models/ChatMessage.php）：>

php artisan reverb:start

步驟5：創(chuàng)建>事件MessageSent>

（MessageSent）：app/Events/MessageSent.php>

<code>DB_CONNECTION=sqlite
DB_DATABASE=/path/to/database.sqlite</code>

步驟6：創(chuàng)建一個(gè)私人通道路由>

中定義私人頻道：routes/channels.php

php artisan make:model ChatMessage --migration

步驟7：定義路由>

>中定義必要的路由：routes/web.php

• 聊天室路線：

  Schema::create('chat_messages', function (Blueprint $table) {
      $table->id();
      $table->foreignId('receiver_id');
      $table->foreignId('sender_id');
      $table->text('text');
      $table->timestamps();
  });

• 獲取聊天消息路由：

  <?php
  
  namespace App\Models;
  
  use Illuminate\Database\Eloquent\Model;
  use Illuminate\Database\Eloquent\Factories\HasFactory;
  
  class ChatMessage extends Model
  {
      use HasFactory;
  
      protected $fillable = ['sender_id', 'receiver_id', 'text'];
  
      public function sender()
      {
          return $this->belongsTo(User::class, 'sender_id');
      }
  
      public function receiver()
      {
          return $this->belongsTo(User::class, 'receiver_id');
      }
  }

• 發(fā)送聊天消息路由：

  <?php
  
  namespace App\Events;
  
  use App\Models\ChatMessage;
  use Illuminate\Broadcasting\InteractsWithSockets;
  use Illuminate\Broadcasting\PrivateChannel;
  use Illuminate\Contracts\Broadcasting\ShouldBroadcastNow;
  use Illuminate\Foundation\Events\Dispatchable;
  use Illuminate\Queue\SerializesModels;
  
  class MessageSent implements ShouldBroadcastNow
  {
      use Dispatchable, InteractsWithSockets, SerializesModels;
  
      public function __construct(public ChatMessage $message) {}
  
      public function broadcastOn(): array
      {
          return [
              new PrivateChannel("chat.{$this->message->receiver_id}"),
          ];
      }
  }

步驟8：創(chuàng)建刀片視圖（）resources/views/chat.blade.php>

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

步驟9：創(chuàng)建vue.js component（）resources/js/components/ChatComponent.vue

>

run

和php artisan serve。 npm run dev> php artisan reverb:start源代碼：

> 這項(xiàng)詳細(xì)的演練提供了使用Laravel Reverb和vue.js構(gòu)建實(shí)時(shí)聊天應(yīng)用程序的綜合指南。 請記住調(diào)整路徑和配置以匹配您的項(xiàng)目設(shè)置。