(0)
Artikel
bewerten
(100% positiv)
(1)

 

Voraussetzung für die Funktion ist ein Online-Konto auf pusher.com: https://dashboard.pusher.com . Die Einrichtung von Pusher ist einfacher als Socket.io und ist für eine beschränkte Anzahl an Events kostenlos, siehe: pusher.com/channels/pricing 

Pusher Installation

Serverpart

composer require pusher/pusher-php-server "~3.0"

Clientpart

npm install --save laravel-echo pusher-js

Pusher Settings

.env

BROADCAST_DRIVER=pusher

PUSHER_APP_ID=xxx
PUSHER_APP_KEY=xxx
PUSHER_APP_SECRET=xxx


 /config/broadcasting.php

 'connections' => [

 'pusher' => [
 'driver' => 'pusher',
 'key' => env('PUSHER_APP_KEY'),
 'secret' => env('PUSHER_APP_SECRET'),
 'app_id' => env('PUSHER_APP_ID'),
 'options' => [
 'cluster' => 'eu',
 'encrypted' => true 
 ],

/resources/assets/js/bootstrap.js

import Echo from 'laravel-echo'

window.Pusher = require('pusher-js');

window.Echo = new Echo({
 broadcaster: 'pusher',
 key: 'xxxxx',
 cluster: 'eu'
 });

Nach dem Anpassen von bootstrap.js muss natürlich npm run dev ausgeführt werden, um die Assets zu kompilieren

Debug

Für das Troubleshooting können die Events auf pusher.com angesehen werden:

 

letzte Änderung dieses Artikels: 29.12.2018 12:55




Kommentare