title: Pusher Auth value for subscription to private-channel has invalid format 'key:signature'
body: <p>We are using Pusher to broadcast Laravel notification events. </p>
  
  <p>I have a problem with authorizing users on a private channel. The auth 'key:signature' is returned but in a different format.</p>
  
  <p><a href="https://i.stack.imgur.com/Z4gr0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Z4gr0.png" alt="enter image description here"></a></p>
  
  <p>The object returned looks like the image I uploaded</p>
  
  <p>auth: ":xoxoxoxoxox"</p>
  
  <p>When according to pusher documentation it should look like this</p>
  
  <p>{"auth":"49e26cb8e9dde3dfc009:a8cf1d3deefbb1bdc6a9d1547640d49d94b4b512320e2597c257a740edd1788f",}</p>
  
  <p>My pusher js</p>
  
  <pre><code>    &lt;script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://js.pusher.com/4.1/pusher.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
  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()-&gt;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);
  });
  </code></pre>
  
  <p>broadcasting.php
          
  
  <p>return [</p>
  
  <pre><code>/*
  |--------------------------------------------------------------------------
  | 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' =&gt; 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' =&gt; [
  
      'pusher' =&gt; [
          'driver' =&gt; 'pusher',
          'key' =&gt; env('17d5cedc0062ecd557ff'),
          'secret' =&gt; env('fef9521f13ca7bb4675a'),
          'app_id' =&gt; env('321223'),
          'options' =&gt; [
              'cluster' =&gt; 'mp1',
              'encrypted' =&gt; true
          ],
      ],
  </code></pre>
  
  <p>.env</p>
  
  <pre><code>    BROADCAST_DRIVER=pusher
      PUSHER_APP_ID=321223
      PUSHER_APP_KEY=17d5cedc0062ecd557ff
      PUSHER_APP_SECRET=fef9521f13ca7bb4675a
  </code></pre>
  
  <p>And app.js or Echo looks like this</p>
  
  <pre><code>    import Echo from "laravel-echo"
  
      window.Echo = new Echo({
          broadcaster: 'pusher',
          key: '17d5cedc0062ecd557ff'
       });
  
     Echo.private('App.User.${userId}')
          .notification((notification) =&gt; {
          console.log(notification.type);
      });
  </code></pre>
  
  <p>Laravel 5.3, Laravel-Echo, PusherJS and pusher-http-php library</p>