Не получаю сообщение-отправитель - PullRequest
Новая
       74

Не получаю сообщение-отправитель

0 голосов
/ 04 апреля 2020

Здравствуйте, я использую laravel broadcasting и pusher для отправки информации. Я могу успешно отправить сообщение пушеру , но не может получить это . Вот мои коды, пожалуйста, помогите мне, ребята :(

Приложение. js

require('./bootstrap');
window.Vue = require('vue');

const app = new Vue({
    el: "#app",
    created() {
        Echo.private('gameRoom')
            .listen('RequestsEvent', (e) => {
                console.log(e);
            });
    }
});

Bootstrap. js

window._ = require('lodash');

window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

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
});

RequestsEvent. php

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

    public $type;
    public $room_manager;

    /**
     * Create a new event instance.
     *
     * @param $type
     * @param $room_manager
     */
    public function __construct($type, $room_manager)
    {
        $this->type = $type;
        $this->room_manager = $room_manager;
    }

    /**
     * Get the channels the event should broadcast on.
     *
     * @return PrivateChannel
     */
    public function broadcastOn()
    {
        return new PrivateChannel('gameRoom');
    }
}

Каналы. php

Broadcast::channel('gameRoom', function () {
    return true;
});

Html: 

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Listen</title>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href="{{ asset('css/app.css') }}"/>
</head>
<body>
<div id="app"></div>

<script type="text/javascript" src="{{ asset('js/app.js') }}"></script>
</body>
</html>

Я уже установил pusher и laravel echo, и у меня есть следующие вещи в моем console:

Загрузите расширение Vue Devtools для лучшего опыта разработки: https://github.com/vuejs/vue-devtools app. js: 38040 Вы работаете Vue в режиме разработки. Обязательно включите производственный режим при развертывании для производства. Смотрите другие советы на https://vuejs.org/guide/deployment.html

Ответы [ 2 ]

0 голосов
/ 04 апреля 2020

Это было около Vue. Я запускаю npm install vue в cmd, хотя я сделал это, и все прошло нормально.

0 голосов
/ 04 апреля 2020

Вы должны раскомментировать этого провайдера в файле config / app. php. как это 

'providers' => [
    ...
    App\Providers\BroadcastServiceProvider::class,
    ...
]
...