带有套接字io和redis的laravel echo服务器

Question

我尝试用laravel echo服务器和套接字创建实时应用程序。io，但客户端未成为消息

这是我的代码：

.环境

BROADCAST_DRIVER=redis
CACHE_DRIVER=file
SESSION_DRIVER=file
QUEUE_DRIVER=redis

配置/queue.php

 'redis' => [
        'driver' => 'redis',
        'connection' => 'default',
        'queue' => 'default',
        'retry_after' => 90,
 ],

config/database.php

'redis' => [

    'retry_after' => 90,
    'default' => [
        'host' => env('REDIS_HOST', '127.0.0.1'),
        'password' => env('REDIS_PASSWORD', null),
        'port' => env('REDIS_PORT', 6379),
        'database' => 0,
    ],

],

路线/频道。php

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

src/echo。js

import Echo from "laravel-echo"

window.Echo = new Echo({
   broadcaster: 'socket.io',
   host:'http://localhost:6001'
});

window.Echo.channel('messages')
  .listen('.newMessage', (message) => {
    debugger;
});

活动/MessagePosted.php

<?php

 namespace App\Events;

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

class MessagePosted implements ShouldBroadcast {

 use Dispatchable, InteractsWithSockets, SerializesModels;

protected $message;

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

public function broadcastWith()
{
    return [
        'message' => $this->message,
    ];
}

public function broadcastAs()
{
    return 'newMessage';
}

public function broadcastOn()
{
    return new Channel('messages');
}
}

消息控制器。php

public function post(Request $request)
{
    event(new MessagePosted($request->get('message')));
} 

在Redis cli PING命令return PONG中安装了Redis服务器。我使用php artisan queue:work redis，但从客户端发送消息后，队列中并没有显示任何内容。。。客户端连接到laravel echo服务器，其返回：[14:04:17]-C3c8UUnTn9dvOPc9AAAA加入通道：消息。并处理POST请求

Answer 1

您正在收听。新消息但正在发送。应用程序。事件。消息已发布。

更改JS中的listen函数param：

window.Echo.channel('messages')
  .listen('.App.Events.MessagePosted', (message) => {
  debugger;
});