React native Pusher - Privatkanal Abonnement mit Laravel Pass oauth - http Antwort Detail

Question

Ich habe immer 500 Fehler, wenn ich versuche, einen privaten Kanal mit Pusher in meiner nativen App zu reagieren. Back-End ist Laravel mit Pass oauth Server.

Ich habe meinen Setup Auth Endpunkt in meinen Schubeinstellungen (http://url/broadcasting/auth)

reagieren-native Drücker Setup

import Pusher from 'pusher-js/react-native'; 

Pusher.logToConsole = true; 

var pusher = new Pusher('pusher-key', { 
    authEndpoint: 'http://url.com/broadcasting/auth', 
    cluster: 'ap1', 
    encrypted: true 
}); 

var channel = pusher.subscribe('private-order'); 

channel.bind('App\\Events\\Order\\SiteHasAnsweredCheckIn', function(data) { 
    console.log('ok : ' + data); 
}); 

und der Broadcast-Zulassung Weg in meinen Routen/channel.php Datei mit ein Callback einfach zurück wahr, aber ich habe immer eine 500 Fehler

Routen/Kanäle.php

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

Hier ist die Ereignisklasse

<?php 

namespace App\Events\Order; 

use App\Site; 
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 SiteHasAnsweredCheckIn implements ShouldBroadcast 
{ 
    use Dispatchable, InteractsWithSockets, SerializesModels; 

    public $site; 

    public $user; 

    public $checkInConfirmed; 

    /** 
    * Create a new event instance. 
    * 
    * @param Site $site 
    * @param User $user 
    * @param $checkInConfirmed 
    */ 
    public function __construct(Site $site, User $user, $checkInConfirmed) 
    { 
     $this->site = $site; 

     $this->user = $user; 

     $this->checkInConfirmed = $checkInConfirmed; 
    } 

    /** 
    * Get the channels the event should broadcast on. 
    * 
    * @return Channel|array 
    */ 
    public function broadcastOn() 
    { 
     return new PrivateChannel('order'); 
    } 
} 

Das Feedback von der Konsole zu sagen: "Pusher: nicht Auth Informationen aus Ihrem Webapp bekommen kann: 500" für debbuging nicht wirklich nützlich ist. Es ist so schwer, darauf hinzuweisen, was falsch ist. Wenn Sie eine Idee haben?

Wenn nicht, wie könnte ich mehr Informationen/Feedback von der HTTP-Antwort von der Pusher-Antwort erhalten?

Vielen Dank.

EDIT:

Nach der Antwort unten habe ich die Route wie folgt aktualisiert. Bitte beachten Sie, dass api/* Routen keine csrf Token Prüfung haben, da ich sie von der Middleware ausgeschlossen habe.

Erhalten Sie immer noch einen 500 Fehler. Gibt es eine Möglichkeit, mehr über den von Pusher geworfenen Fehler zu erfahren? Es wäre nützlich, mehr Feedback zu haben, um zu verstehen, was vor sich geht.

Neue Auth Endpoint:

Route::post('api/authtest', function() { 

    $pusher = new Pusher(config('broadcasting.connections.pusher.key'), config('broadcasting.connections.pusher.secret'), config('broadcasting.connections.pusher.app_id')); 
    echo $pusher->socket_auth($_POST[request()->channel_name], $_POST[request()->socket_id]); 

})->middleware('auth:api'); 

EDIT 2:

Ich habe es durch Entfernen der Middleware der Genehmigung arbeiten.

Route::post('api/authtest', function() { 

    $pusher = new Pusher(config('broadcasting.connections.pusher.key'), config('broadcasting.connections.pusher.secret'), config('broadcasting.connections.pusher.app_id')); 
    echo $pusher->socket_auth($_POST[request()->channel_name], $_POST[request()->socket_id]); 

}); 

Aber offensichtlich ist die Idee, in der Lage zu sein, den Benutzer zu bekommen, der solch eine Anfrage macht, damit ich richtige Erlaubnis geben kann.

Hier ist, wie ich meine Authentifizierungs-Token an den Pusher-Aufruf von react-native übergeben, aber ich bekomme eine 401 Antwort.

let token = 'auth_access_token_taken_from_database'; 

var pusher = new Pusher('pasher_key', { 
    authEndpoint: 'http://url.com/api/authtest', 
    auth: { 
     headers: { 
      'Accept': 'application/json', 
      'Authorization': 'Bearer ' + token 
     } 
    }, 
    cluster: 'ap1', 
    encrypted: true 
}); 

var channel = pusher.subscribe('private-order'); 

All meine andere oauth bekommen und Post-Anfragen mit dieser Middleware und Token oben angegebenen richtig funktionieren mit meinem axios Anruf.

Irgendeine Idee?

Answer 1

Der Authentifizierungsendpunkt kann nicht einfach true zurückgeben. Es muss ein spezielles Token zurückgeben, das von der Pusher-Bibliothek auf Ihrem Server generiert wurde. Der Client verwendet dieses Token, um der Pusher-API zu demonstrieren, dass eine Verbindung mit dem privaten Kanal möglich ist. Überprüfen Sie diese documentation.