Laravel回声事件广播无法在侦听器上接收

Question

Laravel广播的想法很棒，但是很难弄清楚如何让它工作。即使在阅读文档多次，看了许多教程...也许我只是错过了一些小事。谁知道呢？

我在Homestead上的Laravel 5.4项目中运行以下代码：

# Event
class NewNumber implements ShouldBroadcast
{
    use InteractsWithSockets, SerializesModels;

    public $number;

    public function __construct($number)
    {
        $this->number = $number;
    }

    public function broadcastOn()
    {
        return new Channel('pub-channel');
    }
}

# EventServiceProvider:
protected $listen = [
        'App\Events\NewNumber' => [
            'App\Listeners\DoSomeThingsWithNewNumber',
        ],
    ];

广播的配置设置为Redis。我安装了Laravel回声服务器，并使用laravel-echo-server start运行此功能，并在控制台中看到类似于[11:15:16 AM]-v7y-5DsMXHdBXcqzAAAA加入通道：pub-bingo

它创建了以下配置：

{
    "authHost": "http://localhost",
    "authEndpoint": "/broadcasting/auth",
    "clients": [],
    "database": "redis",
    "databaseConfig": {
        "redis": {},
        "sqlite": {
            "databasePath": "/database/laravel-echo-server.sqlite"
        }
    },
    "devMode": true,
    "host": null,
    "port": "6001",
    "protocol": "http",
    "socketio": {},
    "sslCertPath": "",
    "sslKeyPath": ""
}

在javascript中，我添加了：

import Echo from "laravel-echo";

window.Echo = new Echo({
    broadcaster: 'socket.io',
    host: window.location.hostname + ':6001'
});

console.info(window.Echo.channel('pub-channel'));

window.Echo.channel('pub-channel')
    .listen('NewNumber', (e) => {
        console.info(e);
        alert('Something happened');
        console.log(e.number);
    });

Chrome中的控制台显示了。信息与有关频道的信息。在我看来一切都很好。

但是没有发生的是，我在监听方法中的警报和console.loggin。

我有一个我在不同浏览器中触发的URL，里面有这个：广播（new\App\Events\NewNumber（rand（1,100））；

当我触发该网址时，应用程序会在Laravel-log中记录一些成功完成的事情：

[2017-04-30 11:38:44] local.INFO: Broadcasting [App\Events\NewNumber] on channels [pub-channel] with payload:
{
    "number": 54,
    "socket": null
}  

我还运行了php artisan队列：listen（队列驱动程序：数据库）。但数据库仍然是空的。。

我真的不知道我错过了什么...少了什么？！...

Answer 1

问题出在名称空间中

window.Echo.channel('pub-channel')
.listen('.NewNumber', (e) => {
    console.info(e);
    alert('Something happened');
    console.log(e.number);
});

在NewNumber之前添加一个点，您可以在文档中了解更多信息：https://laravel.com/docs/5.3/broadcasting#namespaces