Pusher not working, chat need to refresh page after send

[fernandbong]

After sending a message, chat does not appear in realtime. It need to refresh to get the message.

[gokhanpeker]

I have this problem too..

[gokhanpeker]

The problem is solved by correct .env options.

[samironbarai]

The problem is solved by correct .env options.

You can provide your answer so that others can get helped :)

[gokhanpeker]

Of course Samiron :)

I change three files.

First .env file

BROADCAST_DRIVER=pusher

PUSHER_APP_ID=
PUSHER_APP_KEY=
PUSHER_APP_SECRET=
PUSHER_APP_CLUSTER=

this credentials can be found in pusher account, channels(projects) -> App Keys

Second file is HomeController, sendMessage function

// pusher
$options = array(
'cluster' => 'eu',
'useTLS' => true
);

    $pusher = new Pusher(
        env('PUSHER_APP_KEY'),
        env('PUSHER_APP_SECRET'),
        env('PUSHER_APP_ID'),
        $options
    );

and the finnal one app.blade file inside resources->views->layouts->app.blade

we need the change with pusher app key with between Pusher(' ',

var pusher = new Pusher('1d914f493de58f18', {
cluster: 'eu',
forceTLS: true
});

And finnaly we need to run: npm run dev
with console.

It's working like a charm. Thank you very much :)