Smart Push Notifications with Flutter & FCM

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

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

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

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

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

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

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

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

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

  • @darshangowda309
    @darshangowda309 5 ปีที่แล้ว +7

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

  • @jc7148
    @jc7148 5 ปีที่แล้ว +2

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

  • @MahbuburRahman-uc7np
    @MahbuburRahman-uc7np 3 ปีที่แล้ว

    ZERO Dislike. Just shows the quality of this video.

    • @satyam3762
      @satyam3762 2 ปีที่แล้ว

      Dude, TH-cam don't show dislikes anymore 😂😂

  • @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 TH-cam notification when a new video is out!

  • @isaacrobot
    @isaacrobot 5 ปีที่แล้ว

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

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

  • @virtualmindwave
    @virtualmindwave 5 ปีที่แล้ว +27

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

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

  • @OmarAbdelaziz__47
    @OmarAbdelaziz__47 2 ปีที่แล้ว

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

  • @cos_marc
    @cos_marc 4 ปีที่แล้ว +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 😊

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

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

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

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

    this is what I'm looking for. Thanks so much

  • @asankaiddamalgoda5503
    @asankaiddamalgoda5503 5 ปีที่แล้ว

    This is the best one out of the lot for FCM

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

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

  • @makemypetgamedevprocess6475
    @makemypetgamedevprocess6475 3 ปีที่แล้ว

    Awesome tutorial Fireship, keep it up💪

  • @chien-kaikevinma9588
    @chien-kaikevinma9588 5 ปีที่แล้ว

    Currently learning Flutter :) Thx for your videos.

  • @cakemnstr42
    @cakemnstr42 5 ปีที่แล้ว

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

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

  • @alexedwards7679
    @alexedwards7679 5 ปีที่แล้ว +8

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

  • @mawulijo
    @mawulijo 5 ปีที่แล้ว +7

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

  • @leafdriving
    @leafdriving 5 ปีที่แล้ว

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

  • @christianwheeler8441
    @christianwheeler8441 5 ปีที่แล้ว

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

  • @nicoteufel
    @nicoteufel 4 ปีที่แล้ว

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

  • @brokenumbrellagames
    @brokenumbrellagames 5 ปีที่แล้ว +2

    Love your content! Keep on keeping on!

  • @thelegend3720
    @thelegend3720 5 ปีที่แล้ว

    Great video! Very well explained and very concise.

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

  • @Hades5k
    @Hades5k 5 ปีที่แล้ว

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

  • @faizkazi2789
    @faizkazi2789 5 ปีที่แล้ว

    Was looking for this. Great work bro

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

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

  • @GeneLimWernMin
    @GeneLimWernMin 5 ปีที่แล้ว

    Love the knowledge gained from your videos!

  • @murtazavohra360
    @murtazavohra360 4 ปีที่แล้ว +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.

  • @davidkiguta8227
    @davidkiguta8227 4 ปีที่แล้ว

    this was extra helpful, you never disappoints 😊👍

  • @Fintan91
    @Fintan91 5 ปีที่แล้ว

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

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

    sweet fireship T-shirt bro

  • @jeromestsauver
    @jeromestsauver 5 ปีที่แล้ว

    love this channel

  • @akashbansal6216
    @akashbansal6216 4 ปีที่แล้ว

    great great great everything is working very well

  • @hakimhassani97
    @hakimhassani97 5 ปีที่แล้ว +4

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

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

    Say you have a teacher, and the teacher has multiple different classes. Each class has a list students in that class. If the teacher wanted to send a notification to all the students in a particular class with a tap of button how that work?

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

      Each user would be in a group and you would have a cloud function called per group, initiated by the teachers user.

  • @stevewlasichuk
    @stevewlasichuk 5 ปีที่แล้ว

    Yay was looking into getting started with FCM

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

    Amazing content just as expected from you

  • @kickhuggy
    @kickhuggy 2 ปีที่แล้ว

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

  • @iamyogik
    @iamyogik 5 ปีที่แล้ว +2

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

  • @ahmedm.elsayed6649
    @ahmedm.elsayed6649 4 ปีที่แล้ว

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

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

    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

    • @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. :) :)

  • @arielcohen2280
    @arielcohen2280 4 ปีที่แล้ว

    thank you a great chanel !!

  • @Danmantle11
    @Danmantle11 3 ปีที่แล้ว

    How does this walkthrough stand up now 2 years later?

  • @olamarche
    @olamarche 5 ปีที่แล้ว

    Oh yeah! Right in time for my app!

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

  • @austin_bean
    @austin_bean 5 ปีที่แล้ว

    Looks awesome!

  • @Monster33336
    @Monster33336 5 ปีที่แล้ว

    FireBase is a great tool and saves developers lots of time. I just don't like that you are forced to use the console as your backend. Why couldn't there be an option to use your own user friendly custom backend with Firebase's features?

  • @akbarrafs
    @akbarrafs 3 ปีที่แล้ว

    how to add the notification sound?

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

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

  • @mattl7599
    @mattl7599 5 ปีที่แล้ว

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

  • @vipinvijayan6034
    @vipinvijayan6034 4 ปีที่แล้ว

    Great Video.

  • @Tiesthatbindus
    @Tiesthatbindus 5 ปีที่แล้ว

    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!

  • @akrurranjanborah8164
    @akrurranjanborah8164 5 ปีที่แล้ว

    thanks from India

  • @dithmal
    @dithmal 5 ปีที่แล้ว

    Thanks for the deeper insight!

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

  • @braysonjohn2924
    @braysonjohn2924 5 ปีที่แล้ว

    Works fine but i tried different ways to set the App icon icon: ... but my icon doesnot appear. and i get this error Icon resource notification_icon not found. Notification will use default icon.

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

    Want the T-shirt, amazing tutorials btw

  • @vadimosovsky
    @vadimosovsky 5 ปีที่แล้ว

    More Flutter please!

  • @SamuelCamargo1000
    @SamuelCamargo1000 5 ปีที่แล้ว

    Keep up the good job

  • @leandrovallejos4075
    @leandrovallejos4075 2 ปีที่แล้ว

    How do you use the typescript functions with the flutter code?

  • @sohedulislam1652
    @sohedulislam1652 3 ปีที่แล้ว

    Please! make a video for testing and debugging cloud function with fcm notification.

  • @AbhinavSrivastava11
    @AbhinavSrivastava11 5 ปีที่แล้ว

    This is really awesome 🔥🔥🔥

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

  • @aravind2339
    @aravind2339 2 ปีที่แล้ว

    am facing this issue "Try changing the name to the name of an existing class, or creating a class with the name 'Firestore'"

  • @kannanhassouna8789
    @kannanhassouna8789 5 ปีที่แล้ว

    thank you
    fabulous tut

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

    hi jeff, do you mind making some videos on node js and firebase

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

      Yes, I have a full JS course including node coming up soon.

  • @FunOrFacts
    @FunOrFacts 4 ปีที่แล้ว

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

  • @dumisanizikhali1724
    @dumisanizikhali1724 4 ปีที่แล้ว

    Excellent

  • @nullified__
    @nullified__ 4 ปีที่แล้ว

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

  • @trophieboi1820
    @trophieboi1820 5 ปีที่แล้ว +2

    What if the app is in the background?

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

      Clicking the notification will open the app, or you can implement 'onResume' to handle the click with custom code.

  • @aikbusmeon2524
    @aikbusmeon2524 2 ปีที่แล้ว

    Hello sir! Hope you're well. Is it possible to target the notification based on the log event parameters? Example. I wanna target those people who click this event with defined parameters.

  • @morpheuz2006
    @morpheuz2006 5 ปีที่แล้ว

    Nice tutórial

  • @panthpatel3066
    @panthpatel3066 2 ปีที่แล้ว

    Thanks for the video! For anyone who doesn't want to enable billing to pay for cloud functions, you can use your own api and deploy it for free on something like heroku, that uses firebase messaging to send the notification. Just add an API request from client side to your API. Thought it might help some people, as I use it personally

  • @AiTechBubble
    @AiTechBubble 3 ปีที่แล้ว

    Hey can you explain this with java🥺....I'm tired trying to build it correctly using retrofit🤔

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

  • @kyzerSieg
    @kyzerSieg 2 ปีที่แล้ว

    And how can I send push notification without internet (only from my local network without internet) ?

  • @JinalKothariS
    @JinalKothariS 4 ปีที่แล้ว

    Thanks man 🙏🏼

  • @MegaGorgot
    @MegaGorgot 4 ปีที่แล้ว

    just cant seem to understand where did const order =snapshot.data(); came from, and how does it understand that its order or anything else like

  • @MrOnizukakira
    @MrOnizukakira 5 ปีที่แล้ว

    Can you pleaaaase do a part 2 about background notification when app is terminated pleeaase

    • @Fireship
      @Fireship  5 ปีที่แล้ว +2

      These notifications still work in the background, they will simply open the app when clicked. If you want to navigate after the click, that's when you would use onResume or onLaunch

  • @mjharris8214
    @mjharris8214 5 ปีที่แล้ว

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

  • @azheennazhad2205
    @azheennazhad2205 4 ปีที่แล้ว

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

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

  • @betterbebachelor
    @betterbebachelor 4 ปีที่แล้ว

    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

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

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

    Is there an updated version of this video?

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

  • @dinuka_bandara
    @dinuka_bandara 5 ปีที่แล้ว +15

    no usefull content for how to integrate fcm from scrach

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

      Yes, but that would be a waste, that is what the pluggin documentation is for, if you are unable to read those then you should not even be here.

    • @gosnooky
      @gosnooky 4 ปีที่แล้ว

      @@RemeLeHane Some people like me are visual. Don't be an asshole.

    • @RemeLeHane
      @RemeLeHane 4 ปีที่แล้ว

      @@gosnooky so they'd rather watch someone copy paste code instead of copy pasting the code themselves, that's daft.