【发布时间】:2019-11-09 22:48:56
【问题描述】:
我一直关注this guide 使用 Pusher 创建聊天系统。它可以工作,但是当我刷新非常烦人的页面时,我只会收到来自其他人的任何新消息。我尝试了很多东西,但没有一个真正解决了这个问题。我真的觉得这是我忽略的超级简单的事情。如果有人可以帮助我,那就太棒了!
CACHE_DRIVER=file
QUEUE_CONNECTION=sync
SESSION_DRIVER=file
SESSION_LIFETIME=120
MessageSent.php
{
use Dispatchable, InteractsWithSockets, SerializesModels;
/**
* User that sent the message
*
* @var User
*/
public $user;
/**
* Message details
*
* @var Message
*/
public $message;
/**
* Create a new event instance.
*
* @return void
*/
public function __construct(User $user, Message $message)
{
$this->user = $user;
$this->message = $message;
}
/**
* Get the channels the event should broadcast on.
*
* @return Channel|array
*/
public function broadcastOn()
{
return new PrivateChannel('chat');
}
public function broadcastAs()
{
return 'MessageSent';
}
}
app.js
el: '#app',
data: {
messages: []
},
created() {
this.fetchMessages();
Echo.private('chat').listen('MessageSent', (e) => {
console.log(e);
this.sentMessages.push({
message: e.message.message,
user: e.user
});
});
},
methods: {
fetchMessages() {
axios.get('/messages').then(response => {
this.messages = response.data;
});
},
addMessage(message) {
this.messages.push(message);
axios.post('/messages', message).then(response => {
console.log(response.data);
});
}
}
});
created() 仅在页面刷新时触发一次,因为我使用console.log 进行了检查。此外,无论我这样做,都没有达到Echo.private() 中的console.log。
ChatsController.php
{
public function __construct()
{
$this->middleware('auth');
}
/**
* Show chats
*
* @return \Illuminate\Http\Response
*/
public function index()
{
return view('chat');
}
/**
* Fetch all messages
*
* @return Message
*/
public function fetchMessages()
{
return Message::with('user')->get();
}
/**
* Persist message to database
*
* @param Request $request
* @return Response
*/
public function sendMessage(Request $request)
{
$user = Auth::user();
$message = $user->messages()->create([
'message' => $request->input('message')
]);
broadcast(new MessageSent($user, $message))->toOthers();
return ['status' => 'Message Sent!'];
}
}
我在 config/app.php
中也取消了 App\Providers\BroadcastServiceProvider 的注释【问题讨论】: