Laravel是一個(gè)流行的PHP框架，具有高度可擴(kuò)展性和高效性，它提供了許多強(qiáng)大的工具和程式庫(kù)，讓開發(fā)者可以快速建立高品質(zhì)的網(wǎng)路應(yīng)用程式。其中，Laravel Echo和Pusher是兩個(gè)非常重要的工具，透過它們可以輕鬆實(shí)現(xiàn)WebSockets通信，本文將詳細(xì)介紹如何在Laravel應(yīng)用程式中使用這兩個(gè)工具。

1. 什麼是WebSockets？

WebSockets是一種具有雙向通訊的協(xié)議，它可以實(shí)現(xiàn)即時(shí)性更高、更快速的資料傳輸。與傳統(tǒng)的HTTP請(qǐng)求相比，WebSockets可以保持連線的狀態(tài)，即使沒有請(qǐng)求或回應(yīng)，也可以在客戶端和伺服器之間傳送資料。 WebSockets可以提供更好的使用者體驗(yàn)和更高的應(yīng)用程式效能，可以用於多種即時(shí)應(yīng)用場(chǎng)景，例如聊天應(yīng)用程式、遊戲等等。

2. Laravel Echo和Pusher簡(jiǎn)介

Laravel Echo是一個(gè)事件廣播框架，它提供了一個(gè)簡(jiǎn)單、一致的API來讓你在客戶端連接即時(shí)通訊通道。 Echo依賴Pusher，當(dāng)Pusher無法使用時(shí)可以使用Redis作為替代方案。 Pusher則是一種即時(shí)WebSockets服務(wù)，它可以幫助你輕鬆地將即時(shí)功能添加到應(yīng)用程式中，Pusher是一種託管解決方案，它允許你將所有的WebSockets管理任務(wù)交給第三方服務(wù)，以便更好地專注於應(yīng)用程式的業(yè)務(wù)邏輯。

3. 設(shè)定Laravel Echo和Pusher

在Laravel專案中，首先需要安裝Echo和Pusher，可以使用composer指令進(jìn)行安裝：

composer require pusher/pusher-php-server pusher/pusher-http-laravel beyondcode/laravel-websockets
npm install --save laravel-echo pusher-js

安裝完畢之後，需要在.env檔中設(shè)定Pusher的相關(guān)資訊：

PUSHER_APP_ID=your-app-id
PUSHER_APP_KEY=your-app-key
PUSHER_APP_SECRET=your-app-secret
PUSHER_APP_CLUSTER=your-app-cluster

然後在config/broadcasting.php檔中，設(shè)定Broadcaster為pusher：

'default' => env('BROADCAST_DRIVER', 'pusher'),

'connections' => [
    'pusher' => [
        'driver' => 'pusher',
        'key' => env('PUSHER_APP_KEY'),
        'secret' => env('PUSHER_APP_SECRET'),
        'app_id' => env('PUSHER_APP_ID'),
        'options' => [
            'cluster' => env('PUSHER_APP_CLUSTER'),
            'encrypted' => true,
        ],
    ],
],

4. 使用Pusher的Laravel WebSockets運(yùn)行websocket伺服器

Pusher有一個(gè)開源程式庫(kù)Laravel WebSockets，讓你可以在自己的伺服器上運(yùn)行WebSockets伺服器，從而節(jié)省成本並提高效能和靈活性。具體操作如下：

1. 安裝執(zhí)行Laravel WebSockets所需的資料庫(kù)表格和資料

   php artisan websocket:install

2. 填充Laravel WebSockets所需的設(shè)定

   php artisan websocket:publish

3. 建立一個(gè)監(jiān)聽器(EventServiceProvider中)

protected $listen = [
    'AppEventsExampleEvent' => [
        'AppListenersExampleListener',
    ],
];

4. 處理事件

   <?php
   
   namespace AppEvents;
   
   use IlluminateBroadcastingInteractsWithSockets;
   use IlluminateFoundationEventsDispatchable;
   use IlluminateQueueSerializesModels;
   
   class ExampleEvent
   {
    use Dispatchable, InteractsWithSockets, SerializesModels;
   
    public $data;
   
    public function __construct($data)
    {
        $this->data = $data;
    }
   
    public function broadcastOn()
    {
        return ['test_channel'];
    }
   
    public function broadcastAs()
    {
        return 'example-event';
    }
   }

#然後，可以使用下面的程式碼推送事件：

use AppEventsExampleEvent;
use IlluminateSupportFacadesEvent;

Event::dispatch(new ExampleEvent(‘Example payload’, ‘Another example payload’));

5. 如何在前端使用Laravel Echo和Pusher

前端使用Laravel Echo和Pusher非常簡(jiǎn)單，以下是一個(gè)基本的範(fàn)例：

import Echo from 'laravel-echo'
import Pusher from 'pusher-js'

let pusher = new Pusher(process.env.MIX_PUSHER_APP_KEY, {
    cluster: process.env.MIX_PUSHER_APP_CLUSTER,
    encrypted: true,
})
let echo = new Echo({
    broadcaster: 'pusher',
    key: process.env.MIX_PUSHER_APP_KEY,
    cluster: process.env.MIX_PUSHER_APP_CLUSTER,
    encrypted: true,
    auth: {
        headers: {
            ‘Authorization’: ‘Bearer {access_token}’,
        },
    },
})

透過以上方式，我們就可以實(shí)現(xiàn)在Laravel應(yīng)用程式中使用Laravel Echo和Pusher實(shí)作WebSockets通訊。

總結(jié)

Laravel Echo和Pusher提供了非常方便、快速的WebSockets解決方案，讓我們可以快速建立高效能、即時(shí)的網(wǎng)路應(yīng)用程式。本文詳細(xì)介紹如何設(shè)定Laravel Echo和Pusher，並使用Pusher的Laravel WebSockets在本地搭建WebSockets伺服器，同時(shí)在前端使用Laravel Echo和Pusher連接WebSockets伺服器，實(shí)現(xiàn)即時(shí)通訊能力。

以上是Laravel開發(fā)：如何使用Laravel Echo和Pusher實(shí)現(xiàn)WebSockets通訊？的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！