Effortless Real-Time Chat Apps with Laravel Reverb and Vue.js 3

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024
  • НаукаНаука

Комментарии • 35

  • @QiroLab
    @QiroLab  4 месяца назад +1

    Don't get left behind! Try Spec Coder: Supercharge Your Coding with AI!
    *50% off!* Use code *YT-FAMILY* (limited time offer).
    👉 qirolab.com/spec-coder

  • @DevShahin-zm8ni
    @DevShahin-zm8ni 3 месяца назад +2

    make some videos on basic concept of websocket, echo, pusher, broadcasting etc.

  • @sajjadhossainshuvo6975
    @sajjadhossainshuvo6975 7 дней назад

    Is it possible to use separate projects for the frontend and backend?

  • @ah-rahimi
    @ah-rahimi 2 месяца назад +1

    How can we receive events in the backend from frontend, we can use whisper() function?

  • @ashraf-uzzaman
    @ashraf-uzzaman Месяц назад

    you are awesome but on this video you are doing code is too fast. I'm not comfortable with this speed.....next time please slowly do it

    • @QiroLab
      @QiroLab  Месяц назад +1

      Thanks for your feedback! I’ll slow down the coding in future videos to make it easier to follow. I appreciate your support!

  • @victor_lawal
    @victor_lawal Месяц назад

    Thank you for this tutorial
    I was trying to run the code from Git Hub, but the chat-component is not showing in chat.blade
    what am I missing, please?

    • @QiroLab
      @QiroLab  Месяц назад

      You're welcome!
      It sounds like the chat component might not be properly registered or included. Make sure you've imported the component correctly. Also, check for any errors in the browser console.

    • @alwose
      @alwose Месяц назад

      @@QiroLab in console : Uncaught You must pass your app key when you instantiate Pusher. 1:1

  • @ashraf-uzzaman
    @ashraf-uzzaman Месяц назад

    when i use sendTypingEvents then broadcasting/auth is forbidden 403 showing.... why this is happened I couldn't find any solution of this please give me a solution

    • @QiroLab
      @QiroLab  Месяц назад

      The 403 Forbidden error usually occurs when the user is not authenticated or authorized to join the private channel. To fix this, make sure that:
      1. User is Authenticated: Ensure that the user is logged in before trying to join the private channel.
      2. Channel Authorization: Check your `BroadcastServiceProvider` or the corresponding channel class to ensure proper authorization logic. For example:
      ```php
      Broadcast::channel('chat.{id}', function ($user, $id) {
      return (int) $user->id === (int) $id;
      });
      ```
      3. Correct Middleware: Verify that you are using the correct middleware for broadcasting, such as `auth:api` or `auth:web`, depending on your setup.
      4. CSRF Token: Ensure that the CSRF token is being passed correctly with your requests.
      I recommend watching the tutorial again to see how it's implemented step by step. Let me know if you need further assistance!

  • @marcinmaj3609
    @marcinmaj3609 4 месяца назад +1

    please make the same with InertiaJs

    • @QiroLab
      @QiroLab  3 месяца назад

      Implementation with Inertia.js is the same, just follow 38:26 in your component.

  • @yannicksans7141
    @yannicksans7141 2 месяца назад

    Bravo !!! But can you increase the resolution ? Because 480p is hard to read ...

    • @QiroLab
      @QiroLab  2 месяца назад

      I am so sorry; I made a mistake during rendering. It cannot be fixed now.
      I am glad you liked this tutorial.

  • @sagarghorai2616
    @sagarghorai2616 2 месяца назад

    Hi, please show all online user list, i'm face the issue to handel the get all online user without refresh. i get online user when i refresh the page. Please help

    • @QiroLab
      @QiroLab  2 месяца назад

      For that, you should watch this playlist: ruclips.net/p/PL1TrjkMQ8UbWfFUCimQ50CdrR_J7QvEFW
      It is a real-time chat using Laravel WebSocket, and the logic is the same with Laravel Echo.

  • @thaitea5399
    @thaitea5399 2 месяца назад

    laravel reverb only for laravel 11 or availabel too in laraval 9?

    • @QiroLab
      @QiroLab  2 месяца назад

      No, Laravel Reverb does not support Laravel 9.
      You should upgrade to Laravel 11
      Or you can use Laravel WebSockets.
      I have already created a detailed video on this. Here is the playlist URL:
      ruclips.net/p/PL1TrjkMQ8UbWfFUCimQ50CdrR_J7QvEFW

  • @alireza10up
    @alireza10up 3 месяца назад

    well

  • @gabbusaii3375
    @gabbusaii3375 3 месяца назад

    hello, do you ever plan on making a react version for this?

    • @QiroLab
      @QiroLab  3 месяца назад

      I haven't planned a separate video for React because the same logic can be applied in React.js as well. If you have any specific questions about how to implement it in React, feel free to ask!

  • @Ehsankhan0577
    @Ehsankhan0577 3 месяца назад

    your videos are always very helpful. thanks

    • @QiroLab
      @QiroLab  3 месяца назад

      So nice of you

  • @arturodelosangeles
    @arturodelosangeles 3 месяца назад

    shouldnt be sockets ? instead of ajax?

    • @bommambo7425
      @bommambo7425 3 месяца назад

      😂😂

    • @QiroLab
      @QiroLab  3 месяца назад +1

      WebSocket is two-way communication over a single TCP connection; I used AJAX to store messages in the database and WebSockets for real-time communication.

  • @shaungbhone8368
    @shaungbhone8368 3 месяца назад

    480p?

    • @QiroLab
      @QiroLab  3 месяца назад

      Apologies for the low quality of the video. I made a mistake during the rendering process.

    • @shaungbhone8368
      @shaungbhone8368 3 месяца назад

      @@QiroLab nvm! A great video.

    • @QiroLab
      @QiroLab  3 месяца назад

      Thanks