我使用laravel 5.5和vue.js进行测试应用程序,即使用pusher laravel echo。当我从应用程序发送消息时,我可以在“pusher.com”调试控制台中看到消息成功发送,所以我知道它的工作。但是我从vu js Echo中得不到任何东西,我甚至没有得到错误,出了什么问题?
视图
created(){
window.axios.post('/message')
.then((res) => {
this.messages = res.data;
}),
Echo.join('chat')
.listen('MessagePosted',(e)=>{
console.log(e)
});
}
bootstrap.js
import Echo from 'laravel-echo'
window.Pusher = require('pusher-js');
window.Echo = new Echo({
broadcaster: 'pusher',
key: '1a67166bcd6eb7ce7e67',
cluster: 'us2',
encrypted: true});
调节器
public function store(Request $request){
$message = Auth::user()->messages()->create([
'message' => $request->message,
]);
event(new MessagePosted($message,Auth::user()));
return ['status' => 'OK'];
}
模型
class MessagePosted implements ShouldBroadcast
{use Dispatchable,InteractsWithSockets,SerializesModels;
/**
* @var Message
*
*/
public $message;
public $user;
/**
* Create a new event instance.
*
* @return void
*/
public function __construct(Message $message,User $user)
{
$this->message = $message;
$this->user = $user;
}
/**
* Get the channels the event should broadcast on.
*
* @return \Illuminate\Broadcasting\Channel|array
*/
public function broadcastOn()
{
return new PresenceChannel('chat');
}}
channels.php
Broadcast::channel('chat', function ($user) {
return $user;});
agein,当我从我的网站发送消息“pusher.com”实时收到消息,但我不能从Echo看到什么,我没有任何错误
有人可以帮忙吗?
默认情况下,Laravel的ShouldBroadcast使用作业队列进行广播事件。您可以设置队列,这可能是理想的解决方案。或者,为了使其快速运行,您可以将MessagePosted事件更改为ShouldBroadcastNow:
class MessagePosted implements ShouldBroadcastNow
别忘了
use Illuminate\Contracts\Broadcasting\ShouldBroadcastNow;