Laravel是一種流行的PHP框架，它有許多有用的工具和擴(kuò)充程式庫(kù)，可以讓開發(fā)者輕鬆建立高品質(zhì)的網(wǎng)路應(yīng)用程式。其中，Laravel Echo是一款強(qiáng)大的WebSockets通訊工具，可以幫助開發(fā)者在Web應(yīng)用程式中實(shí)現(xiàn)即時(shí)通訊。

在本篇文章中，我們將介紹如何使用Laravel Echo並建立WebSockets伺服器來(lái)實(shí)現(xiàn)即時(shí)通訊。我們將首先簡(jiǎn)述什麼是WebSockets和Laravel Echo，接著我們將講解如何安裝和設(shè)定Laravel Echo，最後示範(fàn)如何使用Laravel Echo與JavaScript客戶端通訊。

什麼是WebSockets？

WebSockets是一種協(xié)議，它允許Web應(yīng)用程式和Web伺服器之間建立即時(shí)通訊連線。這種連線可以保持長(zhǎng)時(shí)間開啟，並且是雙向的，可以同時(shí)進(jìn)行讀取和寫入。

與HTTP請(qǐng)求不同，WebSockets連線的持續(xù)開啟可以讓服務(wù)端即時(shí)地推送資料到客戶端，而不需要透過(guò)輪詢或長(zhǎng)輪詢來(lái)實(shí)現(xiàn)。這使得Web應(yīng)用程式能夠?qū)崿F(xiàn)快速、高效、即時(shí)的通訊。

什麼是Laravel Echo？

Laravel Echo是Laravel框架的官方擴(kuò)充庫(kù)，可以幫助開發(fā)者在Web應(yīng)用程式中實(shí)現(xiàn)WebSockets通訊。它提供了一個(gè)簡(jiǎn)單的API，可以使用JavaScript輕鬆訂閱廣播頻道，並在客戶端和服務(wù)端之間傳遞訊息。

使用Laravel Echo和Laravel推送器可以輕鬆建立WebSockets伺服器，並使用廣播頻道來(lái)組織WebSockets通訊。在客戶端，我們可以使用JavaScript和Laravel Echo即時(shí)監(jiān)聽訊息，以便在Web應(yīng)用程式中實(shí)現(xiàn)即時(shí)通訊。

安裝和設(shè)定Laravel Echo

在開始使用Laravel Echo之前，我們需要安裝和設(shè)定所需的軟體：Laravel和pusher PHP SDK。 Laravel Echo和pusher PHP SDK可以透過(guò)Composer套件管理器來(lái)安裝。

首先需要安裝Laravel：

composer create-project laravel/laravel your-project-name

接著，我們需要安裝pusher PHP SDK。可以透過(guò)執(zhí)行以下指令來(lái)完成pusher PHP SDK的安裝：

composer require pusher/pusher-php-server

為了整合Laravel Echo和pusher PHP SDK，我們需要在config/app.php檔案中加入服務(wù)提供者和別名：

// config/app.php

'providers' => [
    // ...
    LaravelBroadcastingBroadcastServiceProvider::class,
],

'aliases' => [
    // ...
    'Broadcast' => LaravelBroadcastingBroadcastFacade::class,
],

接下來(lái)，讓我們做一些設(shè)定工作，以確保Laravel Echo和pusher PHP SDK能夠正常運(yùn)作。我們需要在.env檔案中新增Laravel Echo和pusher PHP SDK所需的所有設(shè)定：

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

建立WebSockets伺服器

接下來(lái)，我們將使用Laravel Echo和pusher PHP SDK來(lái)建立WebSockets伺服器。我們需要在routes/channels.php檔案中定義廣播頻道。廣播頻道將決定哪些使用者可以接收到廣播訊息。

// routes/channels.php

use IlluminateSupportFacadesBroadcast;

Broadcast::channel('chat.{roomId}', function ($user, $roomId) {
    // ...
});

在上面的範(fàn)例中，我們定義了一個(gè)名為「chat」的廣播頻道，並給它傳遞了一個(gè)參數(shù)「roomId」。只有擁有「chat.roomId」權(quán)限的使用者才能接收到該廣播頻道的訊息。

接下來(lái)，我們需要定義廣播事件並推播其訊息。在app/Events目錄下建立一個(gè)新的事件類，例如：

// app/Events/ChatMessageSent.php

<?php

namespace AppEvents;

use IlluminateBroadcastingPrivateChannel;
use IlluminateContractsBroadcastingShouldBroadcast;
use IlluminateFoundationEventsDispatchable;
use IlluminateQueueSerializesModels;

class ChatMessageSent implements ShouldBroadcast
{
    use Dispatchable, SerializesModels;

    public $message;

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

    public function broadcastOn()
    {
        return new PrivateChannel('chat.' . $this->message['room_id']);
    }
}

這個(gè)事件類別包含了廣播事件的邏輯，並且需要實(shí)作ShouldBroadcast介面才能被廣播出去。

現(xiàn)在，我們可以在應(yīng)用程式中實(shí)例化該事件，然後發(fā)送廣播訊息。例如，在app/Http/Controllers/ChatController.php檔案中加入下列訊息傳送方法：

// app/Http/Controllers/ChatController.php

<?php

namespace AppHttpControllers;

use AppEventsChatMessageSent;
use IlluminateHttpRequest;

class ChatController extends Controller
{
    public function sendMessage(Request $request)
    {
        $message = [
            'user_id' => $request->user()->id,
            'room_id' => $request->get('room_id'),
            'message' => $request->get('message'),
        ];

        event(new ChatMessageSent($message));

        return response()->json(['status' => 'Message Sent!']);
    }
}

請(qǐng)注意，上面的程式碼中，event(new ChatMessageSent($message))觸發(fā)了事件，並且傳送了一個(gè)包含訊息資料的廣播事件。

建立即時(shí)通訊

最後，我們需要在JavaScript用戶端中使用Laravel Echo監(jiān)聽廣播事件，以取得即時(shí)的WebSockets通訊。在JavaScript中，我們可以使用兩種方式來(lái)監(jiān)聽廣播事件：

• Echo.channel(channelName).listen(eventName, callback)：訂閱廣播事件，並註冊(cè)回呼函數(shù)，以便在接收到事件時(shí)執(zhí)行。
• Echo.private(channelName).listen(eventName, callback)：訂閱私有廣播事件，並註冊(cè)回呼函數(shù)，以便在接收到事件時(shí)執(zhí)行。

例如，在我們的聊天應(yīng)用程式中，我們可以使用以下程式碼來(lái)監(jiān)聽新訊息的事件：

// resources/js/app.js

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,
    encrypted: true,
});

window.Echo.channel(`chat.${roomId}`)
    .listen('ChatMessageSent', (e) => {
        console.log(e);
    });

在上述程式碼中，我們使用Laravel Echo用戶端訂閱「chat.roomId」頻道，並在接收到「ChatMessageSent」事件時(shí)列印出事件資料。

結(jié)論

透過(guò)使用Laravel Echo和pusher PHP SDK，我們可以輕鬆建立WebSockets伺服器，並使用廣播頻道來(lái)實(shí)現(xiàn)WebSockets通訊。在客戶端，我們可以使用JavaScript和Laravel Echo即時(shí)監(jiān)聽訊息，從而實(shí)現(xiàn)即時(shí)通訊。

此外，Laravel Echo還提供了許多其他可用的廣播頻道和事件，我們可以使用它們來(lái)建立複雜的網(wǎng)路應(yīng)用程式。如果你正在尋找現(xiàn)代化的即時(shí)通訊解決方案，Laravel Echo和pusher PHP SDK是一個(gè)不錯(cuò)的選擇。

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