Сбой аутентификации Laravel Echo / Pusher (403)

Учусь Laravel трансляция событий / Echo / Vue и играть с этим учебником.

Я продолжаю получать 403 ответы на проверку подлинности, и я подозреваю, что мое непонимание channels.php маршруты это проблема. я использую Player модель вместо User за Auth который работает хорошо.

Событие ChatMessageSend

class ChatMessageSent implements ShouldBroadcast
{
    use Dispatchable, InteractsWithSockets, SerializesModels;

    public $channel;
    public $player;
    public $chatMessage;

        /**
         * Create a new event instance.
         * GameChat constructor.
         * @param $chatMessage
         * @param $player
         */
        public function __construct(ChatMessage $chatMessage, Player $player)
        {
            $this->channel = session()->get('chat.channel');

            $this->chatMessage = $chatMessage;

            $this->player = $player;
        }

        /**
         * Get the channels the event should broadcast on.
         *
         * @return Channel|array
         */
        public function broadcastOn()
        {
            return new PrivateChannel($this->channel);
        }
    }

слушатель ChatMessageNotification (по умолчанию / пусто)

class ChatMessageNotification
{
    /**
     * ChatMessageNotification constructor.
     */
    public function __construct()
    {
        //
    }

    /**
     * Handle the event.
     *
     * @param  ChatMessageSent  $event
     * @return void
     */
    public function handle(ChatMessageSent $event)
    {
        //
    }
}

контроллер ChatController

class ChatController extends Controller
{
    /**
     * Send chat message
     *
     * @param Request $request
     * @return \Illuminate\Database\Eloquent\Collection|static[]
     */
    public function getMessages(Request $request)
    {
        return ChatMessage::with('player')
            ->where('progress_id', '=', session('game.progress.id'))
            ->orderBy('created_at', 'DESC')
            ->get();
    }

    /**
     * Send chat message
     *
     * @param Request $request
     * @return array|string
     */
    public function sendMessage(Request $request)
    {
        $player = Auth::user();

        $message = $request->input('message');

        if ($message) {
            $message = ChatMessage::create([
                'player_id'   => $player->id,
                'progress_id' => session()->get('game.progress.id'),
                'message'     => $request->input('message')
            ]);
        }

        broadcast(new ChatMessageSent($player, $message))->toOthers();

        return ['type' => 'success'];
    }
}

Маршруты channels.php

Broadcast::channel(session()->get('chat.channel'), function ($player, $message) {
    return $player->inRoom();
});

И по моему Player учебный класс

/**
 * A user can be in one chat channel
 */
public function inRoom()
{
    if ((Auth::check()) and ($this->games()->where('progress_id', '=', session('game.progress.id'))->get())) {
        return true;
    }

    return false;
}

Когда игрок входит в систему, я сохраняю в сеансе идентификатор комнаты чата, который я хотел бы использовать в качестве канала.

мой vue Экземпляр чата

Vue.component('chat-messages', require('./../generic/chat-messages.vue'));
Vue.component('chat-form', require('./../generic/chat-form.vue'));

const app = new Vue({
    el: '#toolbar-chat',

    data: {
        messages: []
    },

    created() {
        this.fetchMessages();

        Echo.private(chat_channel)
        .listen('chatmessagesent', (e) => {
            this.messages.unshift({
                message: e.data.message,
                player: e.data.player.nickname
            });
        });
    },

    methods: {
        fetchMessages() {
            axios.get(chat_get_route)
            .then(response => {
                this.messages = response.data;
            });
        },

        addMessage(message) {
            this.messages.unshift(message);

            this.$nextTick(() => {
                this.$refs.toolbarChat.scrollTop = 0;
            });

            axios.post(chat_send_route, message)
            .then(response => {
                console.log(response.data);
            });

        }
    }
});

Но я продолжаю получать

POST http://my-games.app/broadcasting/auth 403 (Forbidden)
Pusher : Couldn't get auth info from your webapp : 403
Источник

2 ответа

Решение

Ошибка 403 / широковещательная / аутентификация с версией Laravel> 5.3 & Pusher, вам нужно изменить код в resources/assets/js/bootstrap.js с помощью

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: 'your key',
    cluster: 'your cluster',
    encrypted: true,
    auth: {
        headers: {
            Authorization: 'Bearer ' + YourTokenLogin
        },
    },
});

И в app/Providers/BroadcastServiceProvider.php изменить на

Broadcast::routes()

с

Broadcast::routes(['middleware' => ['auth:api']]);

или же

Broadcast::routes(['middleware' => ['jwt.auth']]); //if you use JWT

это сработало для меня, и надеюсь, что это поможет вам.

Источник

Может быть, стоит выяснить, работает ли ваш файл routs/channel.php так, как вы ожидаете. Может быть, добавить запись в журнал, чтобы увидеть, вызывается ли этот маршрут вообще, и что ваша функция inRoom возвращает то, что вы ожидаете.

Источник

Если кому-то все еще нужен ответ, это сработало для меня. Добавьте в свой broadcastServiceProvider.php

Broadcast::routes([
'middleware' => 'auth:api']);

добавьте в свой файл channels.php

Broadcast::channel('chat', function () {
    return Auth::check();
});
Источник
Другие вопросы по тегам