can't receive events on frontend

[rajeshtva]

I am using this package for pusher replacement.
this is my echo code. the value of env.WEBSOCKET_SERVER is abc.xyz.online( i'v changed it). i see that my frontend connects with websocket server that i have hosted on another subdomain(abc.xyz.online).
i have following issues:

1. public notification.

i am trying to send a public notification on the frontend. no message is reaching on the frontend. this is what i get in my laravel.log file.

[2021-07-29 06:49:58] local.INFO: Broadcasting [app.built] on channels [test] with payload:
{
    "hello": "world",
    "socket": null
}  

2. private notification.

during the time of private channel authentication. i see that a post request goes to /broadcasting/auth route and the response is 200. but i don't see any socket id the response body. body is just empty.there should be a auth token in the response body. the project runs proper on localhost with 6000 port( php artisan websockets:server) and i see there auth token.
this is my private notification log from laravel.log

[2021-07-29 07:12:40] local.INFO: Broadcasting [Illuminate\Notifications\Events\BroadcastNotificationCreated] on channels [private-App.Models.User.1] with payload:
{
    "message": "Your application HelloWorld, version 1 is built.",
    "id": "00cddb7f-9419-446c-a0d3-d63682880790",
    "type": "App\\Notifications\\AppBuildSuccessfulNotification",
    "socket": null
} 

this is my websocket log

VGVuZXQ=: connection id 145708215.10500130 received message: {"event":"pusher:subscribe","data":{"auth":"","channel":"test"}}.
VGVuZXQ=: connection id 145708215.10500130 received message: {"event":"pusher:subscribe","data":{"channel":"private-App.Models.User.1"}}.
Exception `ErrorException` thrown: `Undefined property: stdClass::$auth`
VGVuZXQ=: exception `ErrorException` thrown: `Undefined property: stdClass::$auth`.

window.Echo = new Echo({
  broadcaster: "pusher",
  key: "VGVuZXQ=",
  wsHost: env.WEBSOCKET_SERVER,
  // wsPort: 6001,
  // wssPort: 6001,
  forceTLS: true,
  disableStats: true,
  authorizer: (channel, options) => {
    return {
      authorize: (socketId, callback) => {
        api
          .post(`${env.SERVER_URL}/broadcasting/auth`, {
            socket_id: socketId,
            channel_name: channel.name,
          })
          .then((response) => {
            callback(false, response.data);
          })
          .catch((error) => {
            callback(true, error);
          });
      },
    };
  },

this is my broadcasting.php

    'pusher' => [
            'driver' => 'pusher',
            'key' => env('PUSHER_APP_KEY'),
            'secret' => env('PUSHER_APP_SECRET'),
            'app_id' => env('PUSHER_APP_ID'),
            'options' => [
                'cluster' => env('PUSHER_APP_CLUSTER'),
                'useTLS' => true,
                // 'host' => env('PUSHER_HOST'),
                'host' => 'abc.xyz.online',
                // 'host' => '127.0.0.1',
                // 'port' => 6001,
                'scheme' => 'https',
                'encrypted' => true,
                'curl_options' => [
                    CURLOPT_SSL_VERIFYHOST => 0,
                    CURLOPT_SSL_VERIFYPEER => 0,
                ]
            ],
        ],

this is my public event

<?php
namespace App\Events;

use App\Models\Application;
use Auth;
use Illuminate\Broadcasting\Channel;
use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
use Illuminate\Contracts\Broadcasting\ShouldBroadcastNow;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Queue\SerializesModels;

class AppBuilt implements ShouldBroadcastNow
{
    use Dispatchable, InteractsWithSockets, SerializesModels;
    /**
     * Get the channels the event should broadcast on.
     *
     * @return \Illuminate\Broadcasting\Channel|array
     */
    public function broadcastOn()
    {
        $user = Auth::user();
        return new Channel("test");
    }

    public function broadcastAs()
    {
        return 'app.built';
    }

    public function broadcastWith()
    {
        return [
            'hello' => 'world'
        ];
    }
}

websockets.php

<?php

use BeyondCode\LaravelWebSockets\Dashboard\Http\Middleware\Authorize;

return [

    /*
     * Set a custom dashboard configuration
     */
    'dashboard' => [
        'port' => env('LARAVEL_WEBSOCKETS_PORT', 6001),
    ],

    /*
     * This package comes with multi tenancy out of the box. Here you can
     * configure the different apps that can use the webSockets server.
     *
     * Optionally you specify capacity so you can limit the maximum
     * concurrent connections for a specific app.
     *
     * Optionally you can disable client events so clients cannot send
     * messages to each other via the webSockets.
     */
    'apps' => [
        [
            'id' => env('PUSHER_APP_ID'),
            'name' => env('APP_NAME'),
            'key' => env('PUSHER_APP_KEY'),
            'secret' => env('PUSHER_APP_SECRET'),
            'path' => env('PUSHER_APP_PATH'),
            'capacity' => null,
            'enable_client_messages' => false,
            'enable_statistics' => true,
        ],
    ],

    /*
     * This class is responsible for finding the apps. The default provider
     * will use the apps defined in this config file.
     *
     * You can create a custom provider by implementing the
     * `AppProvider` interface.
     */
    'app_provider' => BeyondCode\LaravelWebSockets\Apps\ConfigAppProvider::class,

    /*
     * This array contains the hosts of which you want to allow incoming requests.
     * Leave this empty if you want to accept requests from all hosts.
     */
    'allowed_origins' => [
        //
    ],

    /*
     * The maximum request size in kilobytes that is allowed for an incoming WebSocket request.
     */
    'max_request_size_in_kb' => 250,

    /*
     * This path will be used to register the necessary routes for the package.
     */
    'path' => 'laravel-websockets',

    /*
     * Dashboard Routes Middleware
     *
     * These middleware will be assigned to every dashboard route, giving you
     * the chance to add your own middleware to this list or change any of
     * the existing middleware. Or, you can simply stick with this list.
     */
    'middleware' => [
        'web',
        Authorize::class,
    ],

    'statistics' => [
        /*
         * This model will be used to store the statistics of the WebSocketsServer.
         * The only requirement is that the model should extend
         * `WebSocketsStatisticsEntry` provided by this package.
         */
        'model' => \BeyondCode\LaravelWebSockets\Statistics\Models\WebSocketsStatisticsEntry::class,

        /**
         * The Statistics Logger will, by default, handle the incoming statistics, store them
         * and then release them into the database on each interval defined below.
         */
        'logger' => BeyondCode\LaravelWebSockets\Statistics\Logger\HttpStatisticsLogger::class,

        /*
         * Here you can specify the interval in seconds at which statistics should be logged.
         */
        'interval_in_seconds' => 60,

        /*
         * When the clean-command is executed, all recorded statistics older than
         * the number of days specified here will be deleted.
         */
        'delete_statistics_older_than_days' => 60,

        /*
         * Use an DNS resolver to make the requests to the statistics logger
         * default is to resolve everything to 127.0.0.1.
         */
        'perform_dns_lookup' => false,
    ],

    /*
     * Define the optional SSL context for your WebSocket connections.
     * You can see all available options at: http://php.net/manual/en/context.ssl.php
     */
    'ssl' => [
        /*
         * Path to local certificate file on filesystem. It must be a PEM encoded file which
         * contains your certificate and private key. It can optionally contain the
         * certificate chain of issuers. The private key also may be contained
         * in a separate file specified by local_pk.
         */
        'local_cert' => env('LARAVEL_WEBSOCKETS_SSL_LOCAL_CERT', null),

        /*
         * Path to local private key file on filesystem in case of separate files for
         * certificate (local_cert) and private key.
         */
        'local_pk' => env('LARAVEL_WEBSOCKETS_SSL_LOCAL_PK', null),

        /*
         * Passphrase for your local_cert file.
         */
        'passphrase' => env('LARAVEL_WEBSOCKETS_SSL_PASSPHRASE', null),
    ],

    /*
     * Channel Manager
     * This class handles how channel persistence is handled.
     * By default, persistence is stored in an array by the running webserver.
     * The only requirement is that the class should implement
     * `ChannelManager` interface provided by this package.
     */
    'channel_manager' => \BeyondCode\LaravelWebSockets\WebSockets\Channels\ChannelManagers\ArrayChannelManager::class,
];

[Ghustavh97]

@je-rajesh did you include the . before the event name on the frontend?

- Echo.channel("test").listen("app.built", (e) => {  console.log("event ", e);  });
+ Echo.channel("test").listen(".app.built", (e) => {  console.log("event ", e);  });

[rajeshtva]

@Ghustavh97 yes sir. i have included it there. but turned out that my mistake was in .env file. due to my mistake i had BROADCAST_DRIVER set to 'log'. so this whole mess was there. but sir thank you for kind reply. rest documentation made it all clear. things works fine with recommended settings unlike others opinions. the things is i was trying this from 3 days. this discussion can be closed now.