Не могу слушать события Laravel Echo в Vue - PullRequest
Новая
       20

Не могу слушать события Laravel Echo в Vue

0 голосов
/ 28 мая 2019

Я не могу слушать события Laravel Echo в Vue, но кажется, что все в порядке.

Я использую Laravel Echo + Socket.IO + VueJS

// bootstrap.js -настройка соединения 

import Echo from 'laravel-echo';
window.io = require('socket.io-client');
if (typeof io !== 'undefined') {
    window.Echo = new Echo({
        broadcaster: 'socket.io',
        host: window.location.hostname + ':6001'
    });
}

// app.js - прослушивание канала 

Echo.private(`success_load.1`)
    .listen('DataLoadFinishedNotification', (e) => {
    console.log(e);
});

// channel.php - аутентификация частного канала 

Broadcast::channel('success_load.1', function () {
    return true;
});

// TestController- событие инициализации 

public function Test(Request $request) {
  event(new DataLoadFinishedNotification('some data'));
}

// DataLoadFinishedNotification.php - трансляция на канал 

namespace App\Events;

use Illuminate\Broadcasting\Channel;
use Illuminate\Queue\SerializesModels;
use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Broadcasting\PresenceChannel;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;

class DataLoadFinishedNotification
{
    use Dispatchable, InteractsWithSockets, SerializesModels;
    public $date;
    public function __construct($date)
    {
        $this->date = $date;
    }
    public function broadcastOn()
    {
        return new PrivateChannel('success_load.1');
    }

}

// laravel-echo-server.json - Laravel Echo confiq 

{
    "authHost": "http://127.0.0.1:8000",
    "authEndpoint": "/broadcasting/auth",
    "clients": [
        {
            "appId": "85bf5ec3ad689355",
            "key": "af0415d10c2ed753e1cd93b171d6bfbf"
        }
    ],
    "database": "redis",
    "databaseConfig": {
        "redis": {
            "port": "6379",
            "host": "127.0.0.1"
        },
        "sqlite": {
            "databasePath": "/database/laravel-echo-server.sqlite"
        }
    },
    "devMode": true,
    "host": null,
    "port": "6001",
    "protocol": "http",
    "socketio": {},
    "sslCertPath": "",
    "sslKeyPath": "",
    "sslCertChainPath": "",
    "sslPassphrase": "",
    "subscribers": {
        "http": true,
        "redis": true
    },
    "apiOriginAllow": {
        "allowCors": false,
        "allowOrigin": "",
        "allowMethods": "",
        "allowHeaders": ""
    }
}

Laravel Echo Server работает ... 

L A R A V E L  E C H O  S E R V E R

version 1.5.5

⚠ Starting server in DEV mode...

✔  Running at localhost on port 6001
✔  Channels are ready.
✔  Listening for http events...
✔  Listening for redis events...

Server ready!

[14:33:06] - Preparing authentication request to: http://127.0.0.1:8000
[14:33:06] - Sending auth request to: http://127.0.0.1:8000/broadcasting/auth

[14:33:08] - yVjFZfCoFiUNJTlPAAAB authenticated for: private-success_load.1
[14:33:08] - yVjFZfCoFiUNJTlPAAAB joined channel: private-success_load.1
...