我该怎么做才能解决这个推送器错误 - 从 auth 端点返回的 JSON 无效，但状态代码为 200？

如何解决我该怎么做才能解决这个推送器错误 - 从 auth 端点返回的 JSON 无效，但状态代码为 200？

我在这里问了同样的问题后仍然有这个问题：Kedro docs 没有回应。我看过类似的问题并遵循了 建议：将我的广播驱动程序设置为“pusher”，在我的 app.config 文件中取消注释“App/BroadcastServiceProvider”类，在我的 .env 文件中将调试模式设置为 false，等等。我还查看了 pusher 文档，但问题仍未解决对我来说。

我通过添加“/broadcasting/auth/”身份验证端点和标头来更新我之前的尝试，但仍然出现相同的错误。但是我现在可以看到 302 重定向到 auth 路由，然后 302 重定向到登录路由，然后到仪表板，在 laravel 望远镜上有 200 响应，这是我之前没有看到的。所以这向我表明添加 auth 端点应该可以解决问题，但事实并非如此。

我还尝试设置和使用“/pusher/auth/”身份验证端点路由和控制器，但它给了我一个“加载资源失败：服务器响应状态为 405（不允许方法）”的提示带有“错误：无法从身份验证端点检索身份验证字符串 - 接收状态：来自 /pusher/auth 的 405，但不是之前的无效 json 错误。我通过对控制器的“获取”请求收到此消息，但出现 500 个内部服务器错误带有“发布”请求。我真的不知道哪个是正确的。

这是我的 bootstrap.js 文件：

import Echo from 'laravel-echo';

window.Pusher = require('pusher-js');

// Enable pusher logging - don't include this in production
Pusher.logToConsole = true;

window.Echo = new Echo({
    broadcaster: 'pusher',key: process.env.MIX_PUSHER_APP_KEY,cluster: process.env.MIX_PUSHER_APP_CLUSTER,forceTLS: true,authEndpoint: '/broadcasting/auth',//authEndpoint: '/pusher/auth',auth: {
        headers: {
            'X-CSRF-TOKEN': '{{ csrf_token() }}',}
    }
});

这是我创建的一个 pusherController：

public function pusherAuth(Request $request)
    {

        $key = getenv('PUSHER_APP_KEY');
        $secret = getenv('PUSHER_APP_SECRET');
        $app_id = getenv('PUSHER_APP_ID');

        $pusher = new Pusher($key,$secret,$app_id);
        $auth = $pusher->socket_auth($_GET('channel_name'),$_GET('socket_id'));
        
        return response($auth,200);
}

我现在知道我的 vue 前端文件应该接收并显示广播签出，问题与解决这个推送器订阅错误有关。

任何帮助将不胜感激。

解决方法

我终于能够解决这个问题。正如错误消息指出的那样，问题完全是身份验证问题。虽然我仍然不知道为什么内置的“/broadcast/auth”端点不起作用，但我最初通过创建“/pusher/auth/”来进行身份验证的尝试在我设置路由和控制器的方式上是错误的.

正确的路由设置应该是“发布”并调用控制器，使用基于闭包的路由对我不起作用。我之前（见上文）控制器的实现也是错误的。

这是有效的控制器代码：

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Pusher\Pusher;

class PusherController extends Controller
{
     /**
     * Authenticates logged-in user in the Pusher JS app
     * For private channels
     */
    public function pusherAuth(Request $request)
    {

        $user = auth()->user();
        $socket_id = $request['socket_id'];
        $channel_name =$request['channel_name'];
        $key = getenv('PUSHER_APP_KEY');
        $secret = getenv('PUSHER_APP_SECRET');
        $app_id = getenv('PUSHER_APP_ID');

        if ($user) {
     
            $pusher = new Pusher($key,$secret,$app_id);
            $auth = $pusher->socket_Auth($channel_name,$socket_id);

            return response($auth,200);

        } else {
            header('',true,403);
            echo "Forbidden";
            return;
        }
    }
}

这是最终的 bootstrap.js 文件：

import Echo from 'laravel-echo';

window.Pusher = require('pusher-js');

// Enable pusher logging - don't include this in production
Pusher.logToConsole = true;

window.Echo = new Echo({
    broadcaster: 'pusher',key: process.env.MIX_PUSHER_APP_KEY,cluster: process.env.MIX_PUSHER_APP_CLUSTER,forceTLS: true,authEndpoint: '/pusher/auth',auth: {
        headers: {
            'X-CSRF-TOKEN': '{{ csrf_token() }}',}
    }
});

还有我在 web.php 中的路由代码：

Route::post('/pusher/auth',[PusherController::class,'pusherAuth'])
->middleware('auth');

Pusher 控制台日志： Pusher : : ["事件记录",{"event":"pusher_internal:subscription_succeeded","channel":"private-user.3","data":{}}] vendor.js:41325 Pusher : : ["pusher:subscription_succeeded 在 private-user.3 上没有回调"]