Flutter Android, Web & iOS Push notifications with Firebase messaging

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ก.ค. 2024
  • In this video we learn how to use firebase messaging in flutter and send push notification on android, iOS and web
    oAuth Playground:
    developers.google.com/oauthpl...
    Step 1: www.googleapis.com/auth/fireb...
    Step 2: fcm.googleapis.com/v1/projects/{project-id}/messages:send
    Step 3: Send Post requests
    Donate me :) ☕😍$ : bmc.link/mahdimirzadeh
    Join the community in Discord:
    / discord
    Twitter:
    / mahdices
    GitHub:
    github.com/mahdices
    Timestamps:
    00:00 - Config Firebase with FlutterFire CLI
    09:53 - Android
    14:11 - Web
    23:04 - iOS
    25:29 - FCM in Foreground
    30:02 - Handling Interaction
    38:06 - flutter_local_notifications
    #flutter #mobile_development

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

  • @josephibezim8393
    @josephibezim8393 ปีที่แล้ว +1

    This is the best video for firebase integration.
    Works perfectly. I will get Apple developer account and test as well this week.
    Awesome video. Thank you so much

  • @juliusarieskannehjr2172
    @juliusarieskannehjr2172 7 หลายเดือนก่อน +1

    Thanks for this tutorial, it helped me understand FCM with Flutter.
    You did a great job explaining the concept with working examples.

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

    very cool! Thank you, it was on time

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

    Thank you for this valuable tutorial ❤

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

    This is VERY helpful video. Thank YOU.

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

    Thanks for the great tuto !

  • @artem-ai
    @artem-ai ปีที่แล้ว

    Thank you very much 💪🏻💪🏻💪🏻

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

    Great tutorial!!!

  • @VladyslavPavlovskyi
    @VladyslavPavlovskyi ปีที่แล้ว +1

    I have a question about flutter_local_notifications - when you send request, you add notification parametr with title and body, It turns out that FCM displayed its default notification, isnt it? And you didn't add channel_id in request anywhere. Why?

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

    I've already added apns auth key certificates and all and also I'm not getting any kind of unhandled exceptions in console while debugging via USB but still no solution found

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

    Hi, can we use p12 file as an alternative? what are the disadvantages of p12?

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

    Hi, Do you have an example with sending notification to flutter app using azure notification hub ?

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

    Very helpful video! My firebase console says a notification was sent but my android emulator did not show it receiving a notification. Any idea on what would cause this?

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

    unfortunately with the latest version of plugin it does not work for web
    token is generated but
    no error message no notification received

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

    Love the flutter philosophy "Write Once, Run Anywhere"... 50 mins of video for push notifications with a lot of code in every platform...... "Sr. Flutter, los cojones".
    Anyway thanks Mahdi

  • @KleberSebastiao-py1mo
    @KleberSebastiao-py1mo 4 หลายเดือนก่อน

    Super

  • @seankang
    @seankang 9 หลายเดือนก่อน

    In android 13 and 14, the push notifications are disabled for that new app. so you have to enable notification from the app settings.

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

    pls tell me about the flutter_firebase_messaging folder after build gradle

  • @seankang
    @seankang 8 หลายเดือนก่อน

    how did you get the push notification in the android emulator? I thought a real device was needed

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

    isnt the token going to expire in 1 hour or so? Did the tutorial show how to renew the tokens?

  • @SecreteConfessionTv
    @SecreteConfessionTv 8 หลายเดือนก่อน

    How to resolve leaked gcp fcm server keys your app(s) expose fcm server keys. My app was rejected because of this and I can't get a solution to it, so please help me

  • @olagisrarikis
    @olagisrarikis 8 หลายเดือนก่อน

    Excellent tutorial but I needed to change the minimum version to 21 to receive a message on android, both on simulator and samsung...

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

    If I close the app, Android doesn't receive notifications, can you fix that. Tks

  • @yogeshbutani7462
    @yogeshbutani7462 ปีที่แล้ว +1

    my issue is with IOS ipa in release mode, problem is before integrating firebase in my flutter app, app runs smoothly on ios device in release and debug mode both, but after integrating firebase, app is not wworking in ios release mode showing blank white screen confinuosly, i think fcm token is not getting properly in release mode, when i comment out fcm token code then ipa works but not with fcm..dont know what is the issue ...please help

    • @MidhunM-hk1gd
      @MidhunM-hk1gd ปีที่แล้ว

      same issue bro .have you solved ?

  • @emanueljosephfule941
    @emanueljosephfule941 8 หลายเดือนก่อน

    i get an error
    Error: AbortError: Failed to execute 'subscribe' on 'PushManager': Subscription failed - no active Service Worker
    how to fix that ? :(

  • @farzane_gharib
    @farzane_gharib 8 หลายเดือนก่อน

    Hi. Why do I get this error: "Error: AbortError: Failed to execute 'subscribe' on 'PushManager': Subscription failed - no active Service Worker " when I run my Flutter app for the first time on Chrome browser, but if I restart the app or refresh the browser page, the error disappears?

    • @twanvermeulen6943
      @twanvermeulen6943 8 หลายเดือนก่อน

      I see this as well unfortunately. Maybe something changed in one of the recent updates?

    • @farzane_gharib
      @farzane_gharib 8 หลายเดือนก่อน

      Maybe.I would be happy if you find a solution and let me know as well.
      @@twanvermeulen6943

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

    why this lib not working for realse ios version :((

    • @mahdimirzadeh
      @mahdimirzadeh  9 หลายเดือนก่อน

      Please mention exactly the problem you have
      You can send me email

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

    What about Source code?!

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

    make videos on firebase dynamic links , analytics and crashalytics

  • @sanketkudale7606
    @sanketkudale7606 9 หลายเดือนก่อน

    flutter web not showing notification can you please help

    • @mahdimirzadeh
      @mahdimirzadeh  9 หลายเดือนก่อน

      Hi, Please send me your code with email

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

    At 24.2.19. Dont use current version of firebase.
    Recommended versions of firebase is below. (Note. do not use ^)
    cloud_firestore: 4.10.0
    firebase_auth: 4.11.0
    firebase_core: 2.18.0
    firebase_messaging: 14.7.0
    firebase_remote_config: 4.3.0
    firebase_analytics: 10.6.0