Smart Push Notifications with Flutter & FCM

Поделиться
HTML-код
  • Опубликовано: 3 авг 2024
  • Send push notifications 💌 in Flutter with Firebase Cloud Messaging (FCM) to a single device, topic, or user segment. fireship.io/lessons/flutter-p...
    FCM firebase.google.com/docs/clou...
    FlutterFire Docs pub.dev/packages/firebase_mes...
    #flutter #fcm #firebase
    Don't forget to take the quiz 🤓
    iOS itunes.apple.com/us/app/fires...
    Android play.google.com/store/apps/de...
    Upgrade to Fireship PRO at fireship.io/pro
    Use code lORhwXd2 for 25% off your first payment.
  • НаукаНаука

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

  • @adamn1973
    @adamn1973 4 года назад +95

    Love the vids and use them but wanted to over a couple critiques: 1) It is sometimes difficult to follow where in the scope of the code you are currently editting because you have a habit of deleting code segments and then cutting that action from the video... so, for example, we don't necessarily know which class's "initState()" we are in. 2) The videos seem like you've speeded them up by default... or maybe I'm getting old. Anyway... as a possible solution to "critique #1" you could speed up segments of code editting/navigation as a video transition style instead of editting them out which is more jarring.

    • @dylanralph1447
      @dylanralph1447 3 года назад

      i guess it is pretty off topic but do anybody know of a good website to watch newly released movies online?

    • @jasejesse8308
      @jasejesse8308 3 года назад

      @Dylan Ralph flixportal :)

    • @dylanralph1447
      @dylanralph1447 3 года назад

      @Jase Jesse Thank you, I went there and it seems like a nice service :D I really appreciate it !

    • @jasejesse8308
      @jasejesse8308 3 года назад

      @Dylan Ralph Glad I could help =)

  • @jc7148
    @jc7148 5 лет назад +2

    Great video on FCM! You are a huge motivation to all the dev people out there.

  • @detpikachu
    @detpikachu 5 лет назад +15

    As a mostly backend programmer, I have to admit, your videos make me want to get more and more into front-end. Keep up the good work!

  • @adriaanduplessis7371
    @adriaanduplessis7371 4 года назад

    Since I am very new to Flutter and Push Notifications, I can honestly say that this helped me implement Push Notifications in my first app. Fireship content is amazing. Thank you very much for the excellent videos.

  • @hikaiix
    @hikaiix 5 лет назад +1

    I'll definitely start your course on flutter. Not the first video I've watch on it and I really need to try it. Anyway, thanks for the content you offer us, always happy to receive a RUclips notification when a new video is out!

  • @leafdriving
    @leafdriving 4 года назад

    Thank you for explaining at the correct speed! I learn WAY faster with you!

  • @cakemnstr42
    @cakemnstr42 5 лет назад

    you got me to try flutter again, going wayy better than the first time. Keep up the great work!

  • @RPSNaik
    @RPSNaik 5 лет назад

    Each time I watch ur videos I understand various mistakes that I am doing while creating flutter app... Thank you for everything 🙏 Namaste

  • @wontonfuton
    @wontonfuton 5 лет назад

    Understood almost nothing because I have not still got my hands dirty with firebase in flutter but still watched it full and loved it. I don't know why everything seems so perfect about your videos.

  • @Hades5k
    @Hades5k 5 лет назад

    And yet another great video. Short and sweet. Thanks alot!! You're a real time saver!

  • @igorkuna290
    @igorkuna290 5 лет назад +1

    Can't wait to use this on the new app I'm building :) awesome stuff!

  • @isaacrobot
    @isaacrobot 5 лет назад

    fireship channel is my favorite go-to on all firebase content

  • @darshangowda309
    @darshangowda309 5 лет назад +7

    This is awesome! FCM can get confusing at times with so many types of payloads.

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

    When I struggle with something and find a video on your channel for it, my mental health increases.

  • @chien-kaikevinma9588
    @chien-kaikevinma9588 5 лет назад

    Currently learning Flutter :) Thx for your videos.

  • @nicoteufel
    @nicoteufel 4 года назад

    Thank you for this! I will use the same techniques now in my project.

  • @sadabwasim9850
    @sadabwasim9850 5 лет назад +1

    How you manage to cover that much info in such a small video, great work, keep it up.😊👍

  • @agreensh
    @agreensh 5 лет назад

    Nice and concise explanations. Keep up the good work!

  • @brokenumbrellagames
    @brokenumbrellagames 5 лет назад +2

    Love your content! Keep on keeping on!

  • @stevewlasichuk
    @stevewlasichuk 5 лет назад

    Yay was looking into getting started with FCM

  • @davidkiguta8227
    @davidkiguta8227 4 года назад

    this was extra helpful, you never disappoints 😊👍

  • @OmarAbdelaziz__47
    @OmarAbdelaziz__47 2 года назад

    You saved me a lot of time knowing all I need, thank you Fireship

  • @GeneLimWernMin
    @GeneLimWernMin 5 лет назад

    Love the knowledge gained from your videos!

  • @dithmal
    @dithmal 5 лет назад

    Thanks for the deeper insight!

  • @wmfadel
    @wmfadel 5 лет назад +1

    Amazing content just as expected from you

  • @faizkazi2789
    @faizkazi2789 5 лет назад

    Was looking for this. Great work bro

  • @thelegend3720
    @thelegend3720 5 лет назад

    Great video! Very well explained and very concise.

  • @asankaiddamalgoda5503
    @asankaiddamalgoda5503 5 лет назад

    This is the best one out of the lot for FCM

  • @Fintan91
    @Fintan91 5 лет назад

    Looks great, can't wait to give it a go

  • @amitverma14ster
    @amitverma14ster 4 года назад +7

    Thanks for nice tutorial. I was wondering how you can show the snackbar when the user is active on some other screen.

  • @olamarche
    @olamarche 5 лет назад

    Oh yeah! Right in time for my app!

  • @alexedwards7679
    @alexedwards7679 5 лет назад +8

    Always watching to fund out what I didn't think of myself 😂

  • @virtualmindwave
    @virtualmindwave 5 лет назад +27

    Fireship always amazes me with quality content! Keep it up!

  • @clipslive1156
    @clipslive1156 5 лет назад +1

    sweet fireship T-shirt bro

  • @makemypetgamedevprocess6475
    @makemypetgamedevprocess6475 3 года назад

    Awesome tutorial Fireship, keep it up💪

  • @zebcode
    @zebcode 3 года назад

    Hours of searching as to why the background notifications don't work... then I check out this video and find out in less than 5 minutes...
    I'm already a pro member... why did I not come here first?! Thank you for the awesome video!

  • @arturbegyan5207
    @arturbegyan5207 4 года назад +1

    Want the T-shirt, amazing tutorials btw

  • @cos_marc
    @cos_marc 3 года назад +1

    Awesome content as always! The only missing part is how do you manage the tokens when a user uninstalls your app. Would be cool if anyone can reply on this topic 😊

  • @AbhinavSrivastava11
    @AbhinavSrivastava11 5 лет назад

    This is really awesome 🔥🔥🔥

  • @mawulijo
    @mawulijo 5 лет назад +7

    We are sync Jeff, we are in sync. My number 1 stop shop for serious real app solutions.

  • @hakimhassani97
    @hakimhassani97 5 лет назад +4

    that's what i needed for this week's task x)

  • @yogenp
    @yogenp 5 лет назад +3

    Jeff, you'd outdone yourself. I thought 'Ok, perhaps he is only going to cover the FCM through console part. But, most of my FCM done through cloud functions?!'. Then, boom. Love this thorough and comprehensive content. Love the longer video. Hoping your video is getting monetized for your efforts. I do hope to sign up for Fireship lifetime membership one day.

  • @ahmedm.elsayed6649
    @ahmedm.elsayed6649 4 года назад

    realy realy helping me u just saved my day thanks very much

  • @austin_bean
    @austin_bean 5 лет назад

    Looks awesome!

  • @Tiesthatbindus
    @Tiesthatbindus 4 года назад

    Outstanding! This goes hand-in-hand with the notifications that I'm doing now. One update though: It sounds like the auth key is the preferred way to handle notifications for iOS rather than the certificate. Any idea if the certs are going to be depreciated soon? Thanks Jeff!

  • @jeromestsauver
    @jeromestsauver 5 лет назад

    love this channel

  • @vadimosovsky
    @vadimosovsky 5 лет назад

    More Flutter please!

  • @iamyogik
    @iamyogik 5 лет назад +2

    Hola. I am Korean but I did not recieve your notification 😂. Btw great video.

  • @siri3359
    @siri3359 3 года назад +1

    Hey thank you for this great video. Can you please slow down a bit or create a series of the fcm flutter videos that could help me follow along :) Thank you :)

  • @billubaziger
    @billubaziger 5 лет назад +1

    As a junior dev, i just watch your videos for intros

    • @otheraw5659
      @otheraw5659 5 лет назад

      yeah me too, it might a little bit too fast but that's what I love from this channel. It gives me a fast overview on How to, so I can follow it up easier.

  • @JinalKothariS
    @JinalKothariS 4 года назад

    Thanks man 🙏🏼

  • @kannanhassouna8789
    @kannanhassouna8789 5 лет назад

    thank you
    fabulous tut

  • @christianwheeler8441
    @christianwheeler8441 5 лет назад

    Epic Fireship Shirt > Add To Cart. Payment Method > Witty Comment.

  • @baadrqaaba9529
    @baadrqaaba9529 5 лет назад

    thats what i needed

  • @romulosandrirodrigues5200
    @romulosandrirodrigues5200 4 года назад

    Hi. Great tutorial as always. I have a question: how to get the current user UID from the firebase Auth plugin into this function?

  • @azheennazhad2205
    @azheennazhad2205 4 года назад

    hello! thankyou so much for this tutorial ! i have a question tho please, what if your app doesnt require authentication?

  • @akashbansal6216
    @akashbansal6216 4 года назад

    great great great everything is working very well

  • @arielcohen2280
    @arielcohen2280 3 года назад

    thank you a great chanel !!

  • @xtraszone
    @xtraszone 3 года назад

    I have created these packages:
    1. super_easy_in_app_purchase
    2. super_easy_permissions
    These will make your life a lot easier :-)

  • @mattl7599
    @mattl7599 5 лет назад

    Another great video. Can you please tell me what colour scheme you are using for the code inside Visual Studio?

  • @MahbuburRahman-uc7np
    @MahbuburRahman-uc7np 2 года назад

    ZERO Dislike. Just shows the quality of this video.

    • @satyam3762
      @satyam3762 2 года назад

      Dude, RUclips don't show dislikes anymore 😂😂

  • @akrurranjanborah8164
    @akrurranjanborah8164 5 лет назад

    thanks from India

  • @vipinvijayan6034
    @vipinvijayan6034 4 года назад

    Great Video.

  • @Zentamusic
    @Zentamusic 4 года назад

    Nice tutorial! Did you know it is actually possible to send messages from the app directly via curl (no need for a backend script).

  • @whoman0385
    @whoman0385 Год назад +1

    Great video! just one problem, cloud functions are only for the blaze plan now..

  • @SamuelCamargo1000
    @SamuelCamargo1000 5 лет назад

    Keep up the good job

  • @Rotem_shwartz
    @Rotem_shwartz 5 лет назад +1

    great job jeff, love you mate :)

  • @oiojin831
    @oiojin831 5 лет назад

    Finally :)
    Thanks

  • @morpheuz2006
    @morpheuz2006 5 лет назад

    Nice tutórial

  • @dumisanizikhali1724
    @dumisanizikhali1724 4 года назад

    Excellent

  • @saabsebadakhiladi3795
    @saabsebadakhiladi3795 5 лет назад

    Hey, please can you do a tutorial on this Flutter "package scrolling_day_calendar", I am not sure how to implement it and I am new to flutter

  • @ful1e5
    @ful1e5 5 лет назад


    I am waiting for this video

  • @mohammedowaisaa6185
    @mohammedowaisaa6185 5 лет назад

    I've been trying to implement FCM, but some mobiles from brands like Vivo, Oppo which have custom OS, doesn't show the notification or anything! Any ideas what we could do to turn around?

  • @zaka7024
    @zaka7024 5 лет назад

    You are great

  • @betterbebachelor
    @betterbebachelor 3 года назад

    hi bro .. very thankful for the content you provide ... every thing is working fine but am not getting sound when i run on a device .. the notification is available in the notification pannel but not giving any sound or not showing when locked... when i enable permissions manually going to setting then its getting sound and showing banner when notification arrived... is there way to enable permissions by asking user.... plz answer my question

  • @Jo-tb6ur
    @Jo-tb6ur 5 лет назад

    Just ti be clear, does it mean that my users have to sign in before I can send out notifications. What if my app doesn't have sign up system but just wants to send out notifications, would this still work out?

  • @NitishKumarSingh
    @NitishKumarSingh 5 лет назад

    One year ago, I also did a video about *Flutter Firebase Messaging Tutorial* video.

    • @Fireship
      @Fireship  5 лет назад

      Nice, I'll check that out

  • @zerolive4146
    @zerolive4146 5 лет назад

    Can you tell me how can I implement python algorithm on flutter app? Thought your expertise can be helpful.

  • @DiazGunturFebrian
    @DiazGunturFebrian 4 года назад

    What do you think if using device group rather than send to array of tokens? so we only need to send to device group notification key once to notify all of the user devices

  • @kickhuggy
    @kickhuggy 2 года назад

    Wow a lot of praise here and I’m completely struggling to follow this vid

  • @FunOrFacts
    @FunOrFacts 3 года назад

    does this work kotlin based flutter project or its useful only for java based flutter projects

  • @mail4frenz
    @mail4frenz 5 лет назад

    good content

  • @LifeCasts
    @LifeCasts 5 лет назад

    Can you make a tutorial for background services and location fetching in background

  • @sunnysinha9728
    @sunnysinha9728 4 года назад

    very well explained as usual... how can we do some background operations when fcm is sent and app is not running...
    like some sql query stuff on all of the devices... and this query will be sent to all devices through fcm.,please help me with it... i am not able to do so using onBackgroundMesaage

  • @VigneshKM
    @VigneshKM 5 лет назад

    Please make a tutorial on iOS push notification? I tried integrating onesignal push notification. It was working fine on Android not on iOS. Can you do an tutorial on iOS push notification? That will help a lot.

  • @AdityaDiwakarVex
    @AdityaDiwakarVex 5 лет назад

    It's so versatile....

  • @randlekehinde4987
    @randlekehinde4987 5 лет назад

    Right on time

  • @murtazavohra360
    @murtazavohra360 3 года назад +1

    what happens if the user uninstalls the app will he/she still receive notifications and also if the user logins from multiple devices all devices won't get notifications by this method.

  • @mjharris8214
    @mjharris8214 5 лет назад

    Can you make a video on deploying multi tenancy apps and how to select data based on username?

  • @akbarrafs
    @akbarrafs 3 года назад

    how to add the notification sound?

  • @PurusothamanRamanujam
    @PurusothamanRamanujam 5 лет назад

    When both notification and data(custom data), I see that nothing happens.. no notifications at all. but when i remove custom data segment from the payload, I get the push notification. what could be the reason? Thanks in advance.

  • @erwin6277
    @erwin6277 5 лет назад +5

    this is awesome! one question tho ...
    can we send ptp (phone to phone or user to user) notification via firebase?in flutter

    • @debkanchan
      @debkanchan 5 лет назад +2

      Yes. it's possible if you know the recipients fcm token

    • @katherinhernandez9548
      @katherinhernandez9548 4 года назад

      @@debkanchan I need to implement that in my application, can you tell me how to do it?

    • @CONNANCHO
      @CONNANCHO 4 года назад

      @@debkanchan I need to implement that in my application, can you tell me how to do it?

    • @debkanchan
      @debkanchan 4 года назад

      @@CONNANCHO you need to get users fcm token then save it somewhere in the database

    • @CONNANCHO
      @CONNANCHO 4 года назад

      @@debkanchan please send me a message on whatsapp +573178756258.
      Thank you

  • @RaadYacu
    @RaadYacu 5 лет назад

    So whats the diff with FCM notifications and sms? I guess it depends on the use case

  • @nullified__
    @nullified__ 3 года назад

    Can you do this with real time database instead of cloud firestore (if you can please make a video for it)

  • @thekakan
    @thekakan 5 лет назад

    Can we use something else, like MQTT for example? I think FCM has its roots with Play Services and is the most efficient way for notifications....
    I can't help but wonder. If I have a suite of apps, maybe I can make a separate app that acts as MQTT client and receives notifications that way?

  • @WhatIsThisAllAbout
    @WhatIsThisAllAbout 4 года назад

    this will work even when app is in the background, right?

  • @snehmehta
    @snehmehta 4 года назад

    Best !

  • @softwareengineer5148
    @softwareengineer5148 5 лет назад +2

    Great tutorial. I have working on IONIC 4 firebase smart push notifications. But it always crashes when i launch application. Do you have IONIC 4 FIREBASE cloud functions tutorial? Thanks

    • @tahirmehmood9369
      @tahirmehmood9369 5 лет назад +1

      Same problem here bro

    • @Fireship
      @Fireship  5 лет назад +1

      I created an Ionic demo awhile back. You will need to use the Firebase cordova plugin. angularfirebase.com/lessons/ionic-native-with-firebase-fcm-push-notifications-ios-android/

    • @softwareengineer5148
      @softwareengineer5148 5 лет назад

      @@Fireship Super , Thanks for your advice. I will try those tutorial and let you know. :) :)

  • @itssidhere
    @itssidhere 5 лет назад

    Hey fireship i have done exactly the same thing and it works flawless but when i push a route and come back to previous one i no longer get the trigger onMessage . Please help

  • @emericgnonhoue7029
    @emericgnonhoue7029 5 лет назад

    Awesome