Laravel echo - 无法通过私人频道进行身份验证

使用 Laravel Echo 进行实时通信是 Laravel 框架中常用的一种方式。然而，在使用 Laravel Echo 过程中，我们可能会遇到一个问题，即无法通过私人频道进行身份验证。本文将介绍这个问题，并提供解决方案。

Client can not be authenticated, got HTTP status 403

php
'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,
        ],
    ],
    // ...
],

php
Broadcast::channel('private-channel', function ($user) {
    return auth()->check();
});

javascript
Echo.private('private-channel')
    .listen('PrivateEvent', (event) => {
        console.log(event);
    })
    .listenForWhisper('typing', (e) => {
        console.log(e);
    })
    .authentication((data) => {
        return {
            headers: {
                'X-CSRF-TOKEN': data.csrfToken,
            },
        };
    })
    .connect();

php
// routes/channels.php
Broadcast::channel('private-channel', function ($user) {
    return auth()->check();
});
// 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,
    authEndpoint: '/broadcasting/auth',
});
Echo.private('private-channel')
    .listen('PrivateEvent', (event) => {
        console.log(event);
    })
    .listenForWhisper('typing', (e) => {
        console.log(e);
    })
    .authentication((data) => {
        return {
            headers: {
                'X-CSRF-TOKEN': data.csrfToken,
            },
        };
    })
    .connect();