订阅私人应用程序所需的身份验证信息。使用者未使用Laravel、Vue和Pusher定义

Question

这是我的主要代码。收听广播

let userId=document.head.querySelector('meta[name="user-id"').content;
console.log(userId)
window.Echo.private('App.User.' + userId)
    .notification((notification) => {
        console.log(notification.type);
    });

这是我的引导代码。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,
    forceTLS: true,
 });

这是我的欢迎元标签。刀身php

<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="user-id" content="{{Auth::check() ? Auth::user()->id:''}}">

这是我的频道。php文件代码

Broadcast::channel('App.User.{id}', function ($user, $id) {
    return (int) $user->id === (int) $id;
},['guards'=>['api']]);

最后是来自BroadcastServiceProvider的引导函数。php

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

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

任何帮助将高度赞赏。提前感谢。

Answer 1

我也在努力解决同样的问题。根据我所读到的，如果你使用api，你需要在你的bootstrap.js文件中的echo实例中添加身份验证头，如下所示：

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: process.env.MIX_PUSHER_APP_KEY,
    cluster: process.env.MIX_PUSHER_APP_CLUSTER,
    forceTLS: true,
    auth:{
        headers: {
            Accept: 'application/json',
            Authorization: 'Bearer ',
        },
    },

 });

试试这个。

Answer 2

我也有同样的问题，但是使用Djago和Javascript。我的建议是：

• 确保Pusher用于私人频道身份验证的URL正常工作