0

Pusher を使用して、Laravel 通知イベントをブロードキャストしています。

プライベート チャネルでのユーザーの承認に問題があります。認証「key:signature」が返されますが、形式が異なります。

ここに画像の説明を入力

返されたオブジェクトは、アップロードした画像のように見えます

auth: ":xoxoxoxoxox"

プッシャーのドキュメントによると、次のようになります

{"auth":"49e26cb8e9dde3dfc009:a8cf1d3deefbb1bdc6a9d1547640d49d94b4b512320e2597c257a740edd1788f",}

私のプッシャーjs

    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="https://js.pusher.com/4.1/pusher.min.js"></script>
    <script>
Pusher.logToConsole = true;

const socket = new Pusher('17d5cedc0062ecd557ff', {
    encrypted: true,
    disableStats: true,
    authEndpoint: '/broadcasting/auth',
    auth: {
        headers: {
            'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content'),
        }
    },
    enabledTransports: ['ws', 'xhr_streaming','xhr_polling','sockjs'],
});

var channel = socket.subscribe('private-App.User.' + {{Auth::user()->id}});

var socketId = null;
socket.connection.bind('connected', function() {
    socketId = socket.connection.socket_id;
});

channel.bind('Illuminate\\Notifications\\Events\\BroadcastNotificationCreated', function (data) {
    console.log(data);
});

放送.php

戻る [

/*
|--------------------------------------------------------------------------
| Default Broadcaster
|--------------------------------------------------------------------------
|
| This option controls the default broadcaster that will be used by the
| framework when an event needs to be broadcast. You may set this to
| any of the connections defined in the "connections" array below.
|
| Supported: "pusher", "redis", "log", "null"
|
*/

'default' => env('BROADCAST_DRIVER', 'pusher'),

/*
|--------------------------------------------------------------------------
| Broadcast Connections
|--------------------------------------------------------------------------
|
| Here you may define all of the broadcast connections that will be used
| to broadcast events to other systems or over websockets. Samples of
| each available type of connection are provided inside this array.
|
*/

'connections' => [

    'pusher' => [
        'driver' => 'pusher',
        'key' => env('17d5cedc0062ecd557ff'),
        'secret' => env('fef9521f13ca7bb4675a'),
        'app_id' => env('321223'),
        'options' => [
            'cluster' => 'mp1',
            'encrypted' => true
        ],
    ],

.env

    BROADCAST_DRIVER=pusher
    PUSHER_APP_ID=321223
    PUSHER_APP_KEY=17d5cedc0062ecd557ff
    PUSHER_APP_SECRET=fef9521f13ca7bb4675a

そして app.js または Echo は次のようになります

    import Echo from "laravel-echo"

    window.Echo = new Echo({
        broadcaster: 'pusher',
        key: '17d5cedc0062ecd557ff'
     });

   Echo.private('App.User.${userId}')
        .notification((notification) => {
        console.log(notification.type);
    });

Laravel 5.3、Laravel-Echo、PusherJS、および pusher-http-php ライブラリ

4

2 に答える 2