stackoverflow.com/questions/45877837/...
у создать чат с laravel 5.4, vuejs и pusher api с помощью Echo. Я сделал это два раза, чтобы общаться с толкачом, но у меня нет обратного звонка и моего мнения. Я работаю в местном с MAPM, если его может помочь.
у меня есть установка
composer require pusher/pusher-php-server
npm install --save laravel-echo pusher-js
и мой клинок я положил это
<meta name="csrf-token" content="{{ csrf_token() }}">
в моем bootstrap.js у меня есть комментарий Echo, и у меня есть вход мой ключ толкателя
import Echo from "laravel-echo"
window.Echo = new Echo({
broadcaster: 'pusher',
key: 'my-push-key'
});
мой конфиг трансляции
'default' => env('BROADCAST_DRIVER', 'null'),
'connections' => [
'pusher' => [
'driver' => 'pusher',
'key' => env('PUSHER_APP_KEY'),
'secret' => env('PUSHER_APP_SECRET'),
'app_id' => env('PUSHER_APP_ID'),
'options' => [
//
],
],
'redis' => [
'driver' => 'redis',
'connection' => 'default',
],
'log' => [
'driver' => 'log',
],
'null' => [
'driver' => 'null',
],
],
мой .env
BROADCAST_DRIVER=log
PUSHER_APP_ID=my id key
PUSHER_APP_KEY=my app key
PUSHER_APP_SECRET=my secret key
и мой app.js
const root = new Vue({
el: '#root',
data: {
messages: []
},
methods: {
addMessage(message){
this.messages.push(message);
axios.post('/messages', message).then(response => {
});
}
},
created() {
axios.get('/messages').then(response => {
this.messages = response.data;
});
Echo.join('chatroom')
.here()
.joining()
.leaving()
.listen('MessagePosted', (e) => {
console.log(e);
});
}
});
мой контроллер
public function store(Request $request){
$user = Auth::user();
$message = $user->messages()->create([
'message' => $request->message
]);
event(new MessagePosted($message, $user));
return ['status' => 'OK'];
}
мое событие
namespace App\Events;
use App\Message;
use App\User;
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 MessagePosted implements ShouldBroadcast
{
use Dispatchable, InteractsWithSockets, SerializesModels;
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 Channel|array
*/
public function broadcastOn()
{
return new PresenceChannel('chatroom');
}
}
и канал маршрута
Broadcast::channel('chatroom', function ($user) {
return $user;
});