Nuxt websockets Laravel Echo 私人频道授权未触发

Question

我目前正致力于在我的 Nuxt 应用程序中实现 websockets。我有一个 Laravel 后端，我正在使用 Pusher 和 Laravel Echo。问题是，当尝试 connect/subscribe 到私人频道时 - 因为客户端是通过 broadcast/auth 端点授权的，所以个人频道 auth (channels.php) 没有被击中。因此，登录用户有可能访问他们不应该访问的私人频道。

我的code/configuration如下：

NUXT 前端：

nuxt.config.js

echo: {
 broadcaster: 'pusher',
 key: process.env.MIX_PUSHER_APP_KEY,
 cluster: process.env.MIX_PUSHER_APP_CLUSTER,
 forceTLS: process.env.NODE_ENV === 'production',
 authModule: true,
 authEndpoint: `${process.env.API_URL}/broadcasting/auth`,
 connectOnLogin: true,
 disconnectOnLogout: true,
 auth: {
  headers: {
    'X-AUTH-TOKEN': process.env.API_AUTH_TOKEN
  }
 }

},

LARAVEL 后端：

BroadcastServiceProvider.php

public function boot()
{
    Broadcast::routes(['middleware' => [JWTAuthMiddleware::class]]);

    require base_path('routes/channels.php');
}

AuthController.php

public function auth(Request $request): JsonResponse
{
    $pusher = new Pusher(
        config('broadcasting.connections.pusher.key'),
        config('broadcasting.connections.pusher.secret'),
        config('broadcasting.connections.pusher.app_id')
    );
    $auth = $pusher->socket_auth($request->input('channel_name'), $request->input('socket_id'));
    return ResponseHandler::json(json_decode($auth));
}

ChatMessageEvent.php

/**
 * @inheritDoc
 */
public function broadcastOn()
{
    return new PrivateChannel('chat.' . $this->chatMessage->getChatId());
}

channels.php

Broadcast::channel(
'chat.{chatId}',
function (JwtUserDTO $user, int $chatId) {
    Log::info('test');
    return false;
}

);

您可能已经注意到，我们使用存储在客户端的 JWT 身份验证策略 - 因此我们没有会话。但是由于通过 auth 端点的授权有效，应该可以通过 channels.php 路由来保护各个私人频道？但正如我在日志中看到的那样，它从未达到过。我缺少一些配置吗？或者为什么我只在 auth 端点上获得授权，而不是在各个通道路由上获得授权？

Answer 1

经过大量搜索后，我发现问题出在我的 AuthController.php 上，因为我已经实现了自己的身份验证功能 - 这使得它可以工作，以便对私人频道的用户进行身份验证。不幸的是，这导致了 BroadcastServiceProvider 的无效化。所以解决方案是：

use Illuminate\Broadcasting\BroadcastController;

Route::post('broadcasting/auth', [BroadcastController::class, 'authenticate'])
        ->middleware(BroadcastMiddleware::class);

这将使用 Broadcast Facade 并启用 channels.php 来根据给定频道对用户进行身份验证。

我还必须添加一个中间件来在 Laravel 会话中设置经过身份验证的用户，因为这是 ServiceProvider 所需要的。

/**
 * @param Request $request
 * @param Closure $next
 * @return mixed
 */
public function handle(Request $request, Closure $next)
{
    /** @var JwtUserDTO $jwt */
    $jwt = $request->get('jwt');
    // Set the user in the request to enable the auth()->user()
    $request->merge(['user' => $jwt]);
    $request->setUserResolver(function() use ($jwt) {
        return $jwt;
    });
    Auth::login($jwt);

    return $next($request);
}

为此，我的模型或 DTO 必须实现 Illuminate\Contracts\Auth\Authenticatable 接口。请记住将 getAuthIdentifierName 和 getAuthIdentifier 的功能分别添加到 return 用户名和用户 ID，因为如果您想使用状态频道，也需要这样做。

Nuxt websockets Laravel Echo 私人频道授权未触发

Nuxt websockets Laravel Echo private channel auth not triggered

websocket

jwt

nuxt.js

laravel-echo

pusher-js