Escuchar eventos con Laravel Echo
Comprar curso

29. Escuchar eventos con Laravel Echo

Se explicará cómo utilizar Laravel Echo para escuchar eventos en tiempo real en la sala de chat de la aplicación. Se mostrará cómo utilizar los eventos de Laravel Websockets para enviar notificaciones a los usuarios de la sala de chat.


2 comentarios

Inicia sesión para comentar

Comentarios:

  • Vicente Blanquet

    Vicente Blanquet hace 2 años

    Me ocurre igual. No consigo escuchar. Uso Laravel 9 con VITE integrado. Observo que en Debug console de Pusher, tampoco se muestran los eventos de conexion y desconexion, solo veo los API message

    • 0vortex hace 2 años

      Lo que hice fue importar los archivos:

      public>build>assets>app.#####.css

      public>build>assets>app.#####.js

    • Victor Arana Flores hace 2 años

      En la configuracion de Laravel echo hazlo de esta manera como lo indica la documentacion

      import Echo from 'laravel-echo';
      import Pusher from 'pusher-js';
      window.Pusher = Pusher;
      window.Echo = new Echo({
      broadcaster: 'pusher',
      key: import.meta.env.VITE_PUSHER_APP_KEY,
      cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER,
      forceTLS: true
      });
  • Ramon Palacios

    Ramon Palacios hace 2 años

    Ayuda, estoy usando la versión 9 de laravel, la que viene con VITE integrado… No se porque no se me conectan los listeners, pero al transmitir el evento de enviar el mensaje si lo transmite mas no los escucha… ¿Cambio algo para esta versión? Ayuda.

    • Victor Arana Flores hace 2 años

      Revisa la consola y fijate que error te esta marcando

    • Ramon Palacios hace 2 años

      No me indica ningun tipo de error. :(

    • Vicente Blanquet hace 2 años

      Tengo tu mismo problema. Lo solucionaste?

    • Victor Arana Flores hace 2 años

      Acabo de crear una nuevo proyecto y cuando descomento las lineas de codigo en el archivo bootstrap.js efectivamente no transmite los eventos.

       

      Probe colocando lo siguiente (que es lo que me indica la documentación oficial) y empezo a transmitir los eventos.

       

      import Echo from 'laravel-echo';
      import Pusher from 'pusher-js';
       
      window.Pusher = Pusher;
       
      window.Echo = new Echo({
          broadcaster: 'pusher',
          key: import.meta.env.VITE_PUSHER_APP_KEY,
          cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER,
          forceTLS: true
      });

       

      Asumo que la primera forma no está funcionando, porque no se esta definiendo la variable PUSHER_HOST, que se ha agregado recientemente en Laravel, y cuyo valor se está haciendo referencia en el archivo bootstrap.js

      Por el momento les voy a pedir que usen la configuración que aparece en la documentación de Laravel, y que les he colocado lineas arriba. Me pondré a investigar a que hace referencia la variable PUSHER_HOST y haré la actualización del video en el que se configura el proyecto para transmitir eventos.

    • Leonardo León hace 1 año

      Buenas tardes, en mi caso solo descomenté el código, pero solo se detectaban la transmisión de los mensajes mas no la conexión, suscripción u ocupación del canal.

      Tras consultar la documentación solo agregué la línea:
      cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER,

      Y ya detecta todo como debe ser.