Listen to channel

public/js/app.js

@@ -25392,9 +25392,13 @@ window.Echo = new laravel_echo__WEBPACK_IMPORTED_MODULE_0__["default"]({
   forceTLS: false,
   wsHost: window.location.hostname,
   wsPort: 6001,
-  disableStats: true
+  disableStats: false
 });
 
+Pusher.log = function (message) {
+  window.console.log(message);
+};
+
 /***/ }),
 
 /***/ "./resources/sass/app.scss":

resources/js/bootstrap.js

@@ -27,5 +27,10 @@ window.Echo = new Echo({
     forceTLS: false,
     wsHost: window.location.hostname,
     wsPort: 6001,
-    disableStats: true
+    disableStats: false
 });
+
+Pusher.log = function(message)
+{
+    window.console.log(message)
+}

resources/views/welcome.blade.php

@@ -97,8 +97,15 @@
             </div>
         </div>
     </body>
-    <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
+    <script src="{{ asset('js/app.js') }}"></script>
+    <script src="{{ asset('js/jquery-3.5.1.min.js') }}"></script>
     <script src="{{ asset('js/plugins/noty.js') }}"></script>
+    <script>
+        Echo.channel('queue-notifier')
+            .listen('.App\\Events\\LongRunJobDone', (e) => {
+                console.log(e);
+            });
+    </script>
     @if (Session::has('flash_notification.message'))
     <script>
         noty({

routes/channels.php

@@ -16,3 +16,7 @@ use Illuminate\Support\Facades\Broadcast;
 Broadcast::channel('App.User.{id}', function ($user, $id) {
     return (int) $user->id === (int) $id;
 });
+
+Broadcast::channel('queue-notifier', function ($user, $id) {
+    return true;
+});