How to Add Push Notifications using Firebase | In ReactJs | To Boost User Engagement

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

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

  • @mainafamily-h1e
    @mainafamily-h1e 9 месяцев назад +5

    Of all the videos I've watched so far regarding firebase messaging, this has been the most useful. Great job man

  • @koladeadeyeye9660
    @koladeadeyeye9660 8 месяцев назад +3

    A user commented saying, of all the videos he has watched regarding firebase messaging, this has been the most useful and i couldn't agree more. Good job!

  • @моча-ф8ъ
    @моча-ф8ъ 3 месяца назад

    Nice tutorial! Firebase can be tricky, but this video helps a lot. Thank you!

  • @felipe1502
    @felipe1502 10 месяцев назад +1

    work perfect, thanks for this!

  • @Imohy69
    @Imohy69 4 месяца назад

    That's so prefect, unique and well explained, thankyou

  • @eduardorpg64
    @eduardorpg64 5 месяцев назад

    Your tutorial has helped me quite a lot! Thanks!

  • @farrukh28
    @farrukh28 7 месяцев назад

    Thanks for the great video. Simple and straight to the point

  • @sobanwaqar1192
    @sobanwaqar1192 5 месяцев назад +3

    hello sir, I have done everything from firebase configuration to token generation. but i am unable to recieve notifications . i have also put debugger on listeners of onMessage and backgrond one as well . But still i am unable to recieve notification at my local host environment. i have also turn on all the notification from system settings. no error is shown but still not being able to get notifications. waiting for yourf reply

  • @tomtobar266
    @tomtobar266 11 месяцев назад +1

    Great video - thank you!

  • @Odidi_Bee6ix
    @Odidi_Bee6ix 7 месяцев назад +1

    Thanks for this gem.
    Pls do firebase push notification nextjs

  • @phamvanhan7037
    @phamvanhan7037 5 месяцев назад

    Awesome! Thank you for this video.

  • @fyfyfyfyfy
    @fyfyfyfyfy 8 месяцев назад

    Thanks buddy! Easy and it worked

  • @MohamedMahmoud-pe6qm
    @MohamedMahmoud-pe6qm Год назад +1

    Thanks man god bless you 🙏❤

    • @WebDevMatrix
      @WebDevMatrix  Год назад

      Thanks for the beautiful comment, it made my day ❤️

  • @vishalahir9179
    @vishalahir9179 9 месяцев назад +1

    Good job web dev Matrix

  • @africtv5842
    @africtv5842 9 месяцев назад +1

    Very good on bro... 100

  • @shridharkammar-d7s
    @shridharkammar-d7s 26 дней назад

    Can you make the video on how to serve FCM dynamically from server?

  • @jatin2829
    @jatin2829 10 месяцев назад +2

    Firstly the notification was working but after some time, it gives me error not registered and it also not giving me the new token if previous one is expired.
    Any solution, please help🙏

    • @WebDevMatrix
      @WebDevMatrix  10 месяцев назад +1

      This error typically occurs when the FCM token is invalidated, compromised or not registered properly with the FCM server.
      Possible reasons:
      - The user cleared app or session data.
      - The token expired.
      Solutions:
      Ensure that the app is still registered with FCM.
      Check if the token is being refreshed correctly.
      Handle token refresh events and update the token.
      If the token is invalid, request a new one.
      Refer this for how to refresh the token: firebase.google.com/docs/cloud-messaging/manage-tokens#basic-best-practices

    • @jatin2829
      @jatin2829 10 месяцев назад

      @@WebDevMatrix thanks bro 🙏

  • @MohitKumar-nf5jn
    @MohitKumar-nf5jn Год назад +1

    This is great video too helpfull

    • @WebDevMatrix
      @WebDevMatrix  Год назад

      Thanks for your comment and support!

  • @kien.14
    @kien.14 Год назад +1

    Thanks man!

  • @JavierMora-r4v
    @JavierMora-r4v 11 месяцев назад

    thank you for this video, bro

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

    Do you push your Firebase Config in production? Right now I'm facing that trouble, the public JS file cannot get Env because it's not inside the build project, anyone have solution for that?

  • @buntykhipal5103
    @buntykhipal5103 7 месяцев назад

    thank you for making video.

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

    Hi all good -except when I install on my iphone - I get a 'denied' when I call the request permission. Chrome has notifications enabled - any ideas please?

  • @AlexUdeogu
    @AlexUdeogu 6 месяцев назад

    Thank you soo much for this vid, is there any way you could guide me on sending notifications based of a user defined time

  • @aniket1008
    @aniket1008 7 месяцев назад

    Worked, Just a question would it target all the users on its own or do we have to add their token somewhere.
    Notifications are not being shown if i close the website

  • @GODCOR
    @GODCOR 8 дней назад

    thats it? how do i trigger notifications from the frontend?

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

    i have a problem, i do follow you step by step but, when i push i didn't see notification. notification had appeared in console. i hope you answer me please

  • @honeykumar-v4k
    @honeykumar-v4k 9 месяцев назад +1

    FirebaseError: Messaging: We are unable to register the default service worker

  • @anwareskeef2564
    @anwareskeef2564 4 месяца назад

    hiii , why we can not use modular API ? and if we can how to use it ?

  • @satishsahu7601
    @satishsahu7601 11 месяцев назад +1

    Thankyou sir for this video and its working on chrome but not working ios and mac os safari .please suggest any solution

    • @WebDevMatrix
      @WebDevMatrix  11 месяцев назад +1

      FCM supports push notifications from Safari version 16.1 and macOS 16.4 iOS & iPadOS.
      Refer this blog post to check how to enable it: firebase.blog/posts/2023/08/fcm-for-safari/

    • @satishsahu7601
      @satishsahu7601 11 месяцев назад

      @@WebDevMatrix thankyou sir

  • @wicia2968
    @wicia2968 5 месяцев назад

    Very good video :)

  • @abhijithhnair9914
    @abhijithhnair9914 7 месяцев назад

    I am receiving 2 notification for 1 request .Did any one received duplicate notification

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

    Does it work same with vite?

  • @Shubbusb
    @Shubbusb 7 месяцев назад

    how can i send the notification for evevry 30 minutes

  • @tataotp3559
    @tataotp3559 8 месяцев назад

    thanks bro,
    it is not working on android pwa app, please help

  • @subashg-nf4xo
    @subashg-nf4xo 7 месяцев назад

    nice thank you

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

    Dind't give example to send message, uninpressed.

  • @rohit.ayadav
    @rohit.ayadav 3 месяца назад

    I am little worried after seeing your subscriber number

  • @Hareshitaliya1
    @Hareshitaliya1 11 месяцев назад

    can i have source code sir..

    • @WebDevMatrix
      @WebDevMatrix  11 месяцев назад

      You can refer to this quickstart repo files for the code: github.com/firebase/quickstart-js/tree/master/messaging