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

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ธ.ค. 2024

ความคิดเห็น • 48

  • @mainafamily-h1e
    @mainafamily-h1e 8 หลายเดือนก่อน +4

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

  • @koladeadeyeye9660
    @koladeadeyeye9660 7 หลายเดือนก่อน +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!

  • @sobanwaqar1192
    @sobanwaqar1192 4 หลายเดือนก่อน +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

  • @shridharkammar-d7s
    @shridharkammar-d7s 3 วันที่ผ่านมา

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

  • @моча-ф8ъ
    @моча-ф8ъ 2 หลายเดือนก่อน

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

  • @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?

  • @aniket1008
    @aniket1008 6 หลายเดือนก่อน

    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

  • @jatin2829
    @jatin2829 9 หลายเดือนก่อน +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  9 หลายเดือนก่อน +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 9 หลายเดือนก่อน

      @@WebDevMatrix thanks bro 🙏

  • @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

  • @satishsahu7601
    @satishsahu7601 10 หลายเดือนก่อน +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  10 หลายเดือนก่อน +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 10 หลายเดือนก่อน

      @@WebDevMatrix thankyou sir

  • @anwareskeef2564
    @anwareskeef2564 3 หลายเดือนก่อน

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

  • @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?

  • @shreyashjain1475
    @shreyashjain1475 2 หลายเดือนก่อน

    Does it work same with vite?

  • @tranminhquan3454
    @tranminhquan3454 2 หลายเดือนก่อน

    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

  • @Imohy69
    @Imohy69 3 หลายเดือนก่อน

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

  • @Odidi_Bee6ix
    @Odidi_Bee6ix 6 หลายเดือนก่อน +1

    Thanks for this gem.
    Pls do firebase push notification nextjs

  • @abhijithhnair9914
    @abhijithhnair9914 6 หลายเดือนก่อน

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

  • @Shubbusb
    @Shubbusb 6 หลายเดือนก่อน

    how can i send the notification for evevry 30 minutes

  • @eduardorpg64
    @eduardorpg64 4 หลายเดือนก่อน

    Your tutorial has helped me quite a lot! Thanks!

  • @farrukh28
    @farrukh28 6 หลายเดือนก่อน

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

  • @tataotp3559
    @tataotp3559 7 หลายเดือนก่อน

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

  • @felipe1502
    @felipe1502 9 หลายเดือนก่อน +1

    work perfect, thanks for this!

  • @tomtobar266
    @tomtobar266 10 หลายเดือนก่อน +1

    Great video - thank you!

  • @honeykumar-v4k
    @honeykumar-v4k 8 หลายเดือนก่อน +1

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

  • @MohamedMahmoud-pe6qm
    @MohamedMahmoud-pe6qm 11 หลายเดือนก่อน +1

    Thanks man god bless you 🙏❤

    • @WebDevMatrix
      @WebDevMatrix  11 หลายเดือนก่อน

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

  • @phamvanhan7037
    @phamvanhan7037 5 หลายเดือนก่อน

    Awesome! Thank you for this video.

  • @africtv5842
    @africtv5842 8 หลายเดือนก่อน +1

    Very good on bro... 100

  • @vishalahir9179
    @vishalahir9179 8 หลายเดือนก่อน +1

    Good job web dev Matrix

  • @fyfyfyfyfy
    @fyfyfyfyfy 7 หลายเดือนก่อน

    Thanks buddy! Easy and it worked

  • @kien.14
    @kien.14 ปีที่แล้ว +1

    Thanks man!

  • @MohitKumar-nf5jn
    @MohitKumar-nf5jn ปีที่แล้ว +1

    This is great video too helpfull

    • @WebDevMatrix
      @WebDevMatrix  ปีที่แล้ว

      Thanks for your comment and support!

  • @wicia2968
    @wicia2968 4 หลายเดือนก่อน

    Very good video :)

  • @buntykhipal5103
    @buntykhipal5103 7 หลายเดือนก่อน

    thank you for making video.

  • @JavierMora-r4v
    @JavierMora-r4v 10 หลายเดือนก่อน

    thank you for this video, bro

  • @DarkWraith5552
    @DarkWraith5552 2 หลายเดือนก่อน

    Dind't give example to send message, uninpressed.

  • @subashg-nf4xo
    @subashg-nf4xo 6 หลายเดือนก่อน

    nice thank you

  • @Hareshitaliya1
    @Hareshitaliya1 10 หลายเดือนก่อน

    can i have source code sir..

    • @WebDevMatrix
      @WebDevMatrix  10 หลายเดือนก่อน

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

  • @rohit.ayadav
    @rohit.ayadav 3 หลายเดือนก่อน

    I am little worried after seeing your subscriber number