Pusher клиентская сторона / pusher / auth возвращает ошибку 500 (внутренняя ошибка сервера) - PullRequest
Новая
       12

Pusher клиентская сторона / pusher / auth возвращает ошибку 500 (внутренняя ошибка сервера)

0 голосов
/ 29 января 2020

Я работаю над созданием приложения для быстрого чата, чтобы развить свои навыки в pusher, и решил заняться частными каналами. Канальное приложение publi c, которое было у меня с тем же клиентским кодом и слегка подправленным событием App \ Events \ chatmessagesent (изменено возвращение нового канала (...) для возврата нового PrivateChannel (...)), возвращает специфическую ошибку , Когда я загружаю страницу чата, несмотря на то, что я только что настроил код, указывающий на частный сервер, я теперь получаю сообщение об ошибке 500 при попытке публикации на маршруте pusher / auth. php. У меня есть sh У меня было больше, что касается отладки, так что я мог помочь сузить причины, почему это может иметь место, но до сих пор мне не повезло с отладкой так, как я обычно отлаживал что-то. Я опубликую код из каждого соответствующего файла для справки. 

// Web.php

Route::post('/pusher/auth', function(){
        return true;
});

// Event File (in App\Events)
...
public function broadcastOn()
    {
        return new PrivateChannel('chatroom.' . $this->chatroomID);
    }
...

// Client-side Code

@extends('layouts.mainpage2')

@section('headincs')
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>Chatroom</title>
    <script>
    window.Laravel = {!! json_encode([
        'chatroom' => $returndata['chatroom']->id,
    ]) !!};
</script>
@endsection

@section('content')
    <style>
        .vh-50 {
            height: 50vh !important;
        }
    </style>
    <script src="https://js.pusher.com/5.0/pusher.min.js"></script>
    <script>

        var pusher = new Pusher('pusherkey', {
            cluster: 'us2',
            forceTLS: true, 
            authEndpoint: '/pusher/auth',
            auth: {
                headers: {
                    'X-CSRF-Token': "{{ csrf_token() }}"
                }
            }
        });

    var channel = pusher.subscribe('private-chatroom.' + window.Laravel.chatroom);
    channel.bind('chatmessagesent', function(data) {
      alert(JSON.stringify(data));
      console.log("received message");
    });

    $(document).ready(function() {
        $('#chatMessageForm').submit(function(event){
            event.preventDefault();
            $.ajax({
                type: 'POST',
                url: '/chatroom/' + window.Laravel.chatroom + '/sendmsg',
                data: $('form#chatMessageForm').serialize(),
                dataType: 'json',
            })
            $('#msgContent').val("");


            return false;
        });
    });
  </script>
    <a href="/userlanding" class="pl-3 pt-3">Back to dashboard</a>
    <div class="container my-5 border border-primary rounded">
        <h3 class="text-center pt-3">{{$returndata['chatroom']->chatroom_name}}</h3>
        <h6 class="text-center pt-2 font-weight-light">Last active at: {{$returndata['chatroom']->last_active_at}}</h6>
        <div class="container my-3 border vh-50">
            <div class="d-flex flex-column-reverse">
            @foreach($returndata['relmsgs'] as $message)
                <div class="w-50">
                    Message Data
                </div>
            @endforeach
            </div>
        </div>
        <div class="row mx-0">
            {!! Form::open(['route' => ['chatroom.sendmessage', 'chatroomID'=>$returndata['chatroom']->id], 'method' => 'POST', 'class' => 'w-100 row mx-0 justify-content-center mb-4', 'id' => 'chatMessageForm']) !!}
                @csrf
                <div class="col-md-10">
                    <textarea class="form-control w-100" name="msgContent" id="msgContent" rows="3"></textarea>
                </div>
                <div class="col-md-2">
                    {{Form::submit('Send Message', ['class' => 'btn btn-primary w-100 h-100'])}}
                </div>
            {!! Form::close() !!}
        </div>
    </div>
@endsection

// Bootstrap.js (in Resources\js)

import Echo from 'laravel-echo';

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

window.Echo = new Echo({
     broadcaster: 'pusher',
     key: 'pusherkey',
     cluster: 'us2',
     forceTLS: true
});

Последняя строка из bootstrap. js, которая загружается на страницу, явно настроена для Echo, поэтому я просто включите его на случай, если могут быть какие-то помехи. Я попытался переключиться на Echo, думая, что, возможно, Pusher лучше настроен для Laravel Echo, но я продолжал получать сообщение об ошибке из строки «import Echo from 'laravel -echo» », говоря, что я не могу импортировать из модуля это не было открыто, поэтому я переключился на эту форму, потому что раньше она работала на канале publi c сегодня и чувствовал себя ближе к тому, чтобы заставить его работать с помощью этого метода. Открыты для любых предложений, спасибо.

...