Push notifications with Firebase messaging - Flutter

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

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

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

    👉Join 12 Week Flutter Training: heyflutter.com
    👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f
    Source code: github.com/JohannesMilke/firebase_messaging
    Firebase Setup Tutorial: ruclips.net/video/0ZfGnXHSq7w/видео.html
    Riverpod Tutorial: ruclips.net/video/8H3bwxxla4Y/видео.html
    Google SignIn Firebase Tutorial: ruclips.net/video/ogW83xGQGTg/видео.html
    Todo App With Firebase Tutorial: ruclips.net/video/EV2DyrKOqrY/видео.html
    1. Part - Build A Chat App: ruclips.net/video/wHIcJDQbBFs/видео.html
    2. Part - Build A Chat App: ruclips.net/video/7UcM6Y12LEk/видео.html
    3. Part - Build A Chat App: ruclips.net/video/ojBSygkVaNo/видео.html

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

    One of the best tutorials for Firebase push notifications for flutter. Highly recommended

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

    Thank you for your courses they are simple, clean and lucid.
    I am progressing thanks to your courses.

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

    Thanks for your videos. You teach me a lot about Flutter.

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

    The way you explained this tutorial is amazing. Thank you so much

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

    Excellent example on Flutter! works fine with your libraries ver #. Bravo.

  • @mahadyhasan8789
    @mahadyhasan8789 3 года назад +4

    Hey johannes , Can you update the video with latest package version of fcm ? great video as usual

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

      Thanks Mahady for your feedback! 🙂 Sure, somewhere in the future I will create another updated video about it. Check also my other push notification videos out:
      Push Notifications 1 Tutorial: ruclips.net/video/wjJN1C9UxpY/видео.html
      Push Notifications 2 Tutorial: ruclips.net/video/4_2LlswlS2Q/видео.html
      Push Notifications 3 Tutorial: ruclips.net/video/7A7-LdYSUOg/видео.html
      Local Notifications 1 Tutorial: ruclips.net/video/xMeCwF5MO6w/видео.html
      Local Notifications 2 Tutorial: ruclips.net/video/lVDO58jCiCo/видео.html

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

    Great video,great voice.Expecting to see more Firebase videos,there seems to be shortage of videos for flutter backend

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

      Thanks. I will think about to do more backend videos. I think you mean something like using firebase, right?

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

    Thanks for the explanation.
    An observation of what happened to me and I think could occurs to others: don't forget to sync Graddle after include the google-services package

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

    Really helpful explanation . Thanks Johannes!

  • @최군자-u1j
    @최군자-u1j 3 года назад +1

    Hello i am Korea colleage student creating community app, i cant see you, but i feel you are kind person very Thx ^^ i will wait next video!

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

    Hi Johannes, I am new to your channel, and to Flutter.
    Can U plz direct me at where I should start in your channel, I mean which vidéos or playlist I should match first.
    Greeting from Algeria

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

      Thank you 😊, تحويسة - Tahwisa! Check out this playlist for beginners : ruclips.net/p/PL1WkZqhlAdC_MPQBXUFwAHviZ3XkWPDBG

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

    Hi sir , 3 things :
    1st can you please update this screen cast it is out date now
    2nd will we view your course on udemy ?

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

    Nice explain dude

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

    keep posting good content. Knowledge delivered👊

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

      Thank you, Tana! 🙂
      I do check out my other videos about Flutter & Firebase: ruclips.net/video/hiyFKdiQyNE/видео.html

  • @shubhamnaik1982
    @shubhamnaik1982 4 года назад +2

    Code Not working when the app is killed or terminated . How did u receive notification in the video when the app is killed ?

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

    Can the notification turn on the screen and show the message when app is closed and screen is turned off?
    thanks for the video btw ;D

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

    Clear explanation. Thank you

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

    Thanks Johannes. Rather than updating the List widget with a setState() is there any way you can update an AnimatedList without using setState? So that the List's update is not so jarring to the user?

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

    great tutorial homie!

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

    finally i have got my app connected with firebase , thanks man :D

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

    I am in search of doing it for the iOS Apple side of life. I have limited experience there. Didn't like how it was all skipped over for Apple. It should have said (Android only) in the title. Thank you though.

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

    Nice tutorial very helpful and well explained I have adapted your code I am testing on an iPhone, onMessage is working but the notification variable holding the message data is null when I try to display it in the build message widget call in the widget tree

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

    great tutorial, thanks Johannes

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

    Loved the video. Helped me alot

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

    Hi, thank you for your videos they are really helpful, they are one of the best on every topic. You are a great instructor. Can you please update firebase messaging, because there aren't many updated videos on this topic.

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

      Thanks for the idea, Freelancer Freelance! 🙂 I have added it to my list of ideas for future videos!

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

    Thanks bro but please please make a video about device to device notification as I have made a beautiful app with chat functionality but sadly the messages are received silently , I have searched a lot but many documentations are talking about push notifications.
    Thanks in advance ✍️

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

    Thank you so much man, this is really helpful

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

    Have you tried MonadPlug for monetization? I think it's a great network with or without AdSense

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

    Thanks for nice tutorial. I was wondering how you can show a snackbar on new notification when user is currently using the app and is in some other screen.

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

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

    very helpfull, try using dark ide from next time

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

    Nice tutorial Johannes, thanks you

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

    Please tell that notification can not be received when the app is not running and not in the backgroung task.

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

    Very useful lecture. Thank u so much. It all worked

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

    Great tutorial

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

    Thank you so much for detailed explanation

  •  3 года назад

    Thank you very much for great tutorial - it works :)

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

    Hi thanks for the video, may i know how to schedule the time with it?

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

    اشكرك من اعماق قلبي

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

    Great video!! Very nice step-by-step tutorial! Hope if you could add how to change the notification icon by adding meta data tag inside the AndroidManifest.xml file

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

    Hi Johannes, are there some changes with the current version? And do you plan do make an updated video then? Thank you!

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

      @@HeyFlutter good to hear! looking forward to it 🙂

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

      @@HeyFlutter Hey Johannes, do you already know when you are gonna release the new video? I cannot find any good tutorial on RUclips atm an I really want to integrate FCM 😊

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

    HI! Maybe you help me? I am trying compile ios app, I hace already flutter build ios - -release but when a create Product/Archive on Xcode, it generarte an error that say firebase messaging plugin.h not found, Maybe yo have an idea? Thanks

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

    Hi Johannes, l was asking if you could make new videos on this topic it would be highly appreciated.

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Thanks for the idea zorab00 😀, i have added it in my list of future videos

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

      @@HeyFlutter You the best

  • @НеляФэн
    @НеляФэн 4 года назад

    Thanks a lot! You're the best!

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

    how do you send a notification from the admin to the user? the admin is on a device as well

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

    Thanks Brother! very helpful!

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

    Am I allowed to use this Code in my own Project?

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

    Hi, i have a doubt
    wich the difference between Push notifications with Firebase and Local Push Notifications?

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

      Thank You Gianfilippo Bellin! Follow this link: docs.coronalabs.com/guide/events/appNotification/index.html
      I hope you will get your answer 🙂

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

    Very helpful brother! Thanks!

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

    Nice Tutorial, But after merging GCM with FCM I don't receive notification if I send it using postman. But it works when I send it from console. Can you help me?

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

    NICE Men! Thank u...subscribed

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

    Tanks! Very helpful!

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

    Thanks bro for this tutorial...
    Help me, I've 2 App, one is a virtual_store and other is the manager App, I want to push notification the manager app Always there is a orders from virtual_store.
    Have you any example?

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

    Hello, There
    Great tutorial but having an issue with notification sound in android device
    I'm using Xiaomi Redmi note 7 get notification and redirect me to the app but without sound and I don't know why
    Can you help me with that ?

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

    Awesome video sir..but there is an issue on real devices..notifications are not getting delivered when app is swiped from background(kill mode)...pls help!!

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

      I am facing the same problem, the notification comes through perfectly however the screen shows null when I try to input data. I am on Android X. Please help

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

      Hey, have you got your solution?

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

    Fatal: failed to find callback ?
    this error occured while sending push notification from firebase

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

      I am also getting same error. Did you resolved this?

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

    Thanks

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

    can you make video for fully custom notification in flutter

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

    It does not work for me. I followed all the steps one by one . Notifications are receiving but not displaying on the app.

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

    Hi, your application are Ok but when I'm trying in AndroidX crash de app and close ? do you know what can i do ?

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

    hello, mike I need help regarding push notification. How we can send push notification from one device to another device in flutter using FCM

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

      Thank You Irfan Shafi! Follow this link: stackoverflow.com/questions/56503530/how-to-send-push-notification-using-fcm-and-flutterone-to-another-device
      I hope you will get your answer 🙂

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

    Hi, I need help when I build my app and install phone not working push notifications

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

    Sir I followed all the steps you mentioned while doing the setup
    But still I'm getting errors in the app level build.gradle file

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

      same here brother .... couldnt solve this issue ... did you solve that?

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

    video is great but how do i automate the sending process?

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

      There is a second video about it where you learn how to automate it via http f.e. -->ruclips.net/video/4_2LlswlS2Q/видео.html and there is also a third video about it ruclips.net/video/7A7-LdYSUOg/видео.html

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

    Hi, it happens that with firebase notifications are sent, but the app does not arrive?Tks

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Thank You vincenzo izzo! Follow this link: stackoverflow.com/questions/56253721/flutter-firebase-messaging-not-receiving-notifications
      I hope you will get your answer 🙂

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

    Awesome stuff

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

    Is it possible to send separate messages to different users this way?

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

      @@HeyFlutter how to do it sir?

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

      Thank You Vishwa Yasas! Follow this link: stackoverflow.com/questions/67091609/how-to-send-flutter-push-notification-to-specific-user-flutter-cloud-messagin
      I hope you will get your answer 🙂

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

    I am not able to get any notification, trying since 3-4 hours

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

    How to send a notification to a specific device?

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

      Hello Kevin, here is a video about how you can send push notifications to specific devices and also via topics. Sry for the delay. ruclips.net/video/4_2LlswlS2Q/видео.html

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

    It does show notification as its written in code to print("message") but however it doesn't show the notification in the system tray ... deprecated i guess .. isn't it ?

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

      It shows the message only if the app is in the background or closed maybe this is the issue for you

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

    if I kill/terminate/fully close the application, (not this: 10:05, i mean clear all apps) does the notification still work? Like WA.

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

      Hi, have you found out any Solution on this?

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

    thanks a lot, and how can we send the notification message programmatically ? any one know a video tut to learn from it ?
    i mean an app ( server side) send a command to firebase to create a specific notification message and publish it to the user who has another app (client side) that will receive the notification message

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

      @@HeyFlutter oh really , great job , thanks a lot again ..

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      I have two following videos where I also talk about it :) have fun! Watch ruclips.net/video/4_2LlswlS2Q/видео.html

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

      @@HeyFlutter many thanks 🌹

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

    good Job

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

    how to show image in notification from push notification

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

    How to send images via FCM in flutter

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

    Hello sir, I have error like this..
    Exception has occurred.
    PlatformException (PlatformException(error, Default FirebaseApp is not initialized in this process com.pakpak.memo_app. Make sure to call FirebaseApp.initializeApp(Context) first., null))
    How to fix that? Thank You

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

      Add the apply plugin to the [project]/android/app/build.gradle file.
      // ADD THIS AT THE BOTTOM
      apply plugin: 'com.google.gms.google-services''
      check here github.com/flutter/plugins/blob/master/packages/firebase_auth/README.md

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

    What after #100 days?

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

    onlaunch and onresume are not working for me although i did follow documentation

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

      Thanks Mohammed, did you follow all the configuration steps of Firebase within this video? Check also my tutorial out for setting up firebase for Android, iOS & Web: ruclips.net/video/0ZfGnXHSq7w/видео.html

  • @rohitkumar-qz8jz
    @rohitkumar-qz8jz 5 лет назад

    I'M NOT GETTING THE MESSAGES IN MY APP..PLEASE HELP.... THNXXX

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

    This tutorial really helps me to start with firebase cloud messaging. Thanks a lot! But I'm getting an issue while retrieving the message from firestore "onMessage" is fired twice and I can't find the reason of this. Can anyone help me with this?

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

      Prolly cuz of 2 instances being run

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

    hi brother plz make a new tutorial for push notifications in Flutter 3.0

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

      Thanks for the idea, Fahad Mustafa! 🙂 I have added it to my list of ideas for future videos!

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

    If anyone knows how to resolve this please do answer

  • @sohedulislam1385
    @sohedulislam1385 5 лет назад +6

    please! help me for implementing onBackground function.

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

    Thanks ❤

  • @ARUNKUMAR-qf4vq
    @ARUNKUMAR-qf4vq 4 года назад

    how to send push notification using php script ? please help me

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

    How to open a separate screen when me tap on notifications also how can we change the icon of notifications to our app icon(that little one)

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

      You're best thanks ☕☕☕

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

      For the icon you might change the app icon in general which you can do f.e. with the plugin flutter_launcher_icons. I think it will then be the same icon for the notification also. To your other point - i would guess just put in all callback functions onMessage, onLaunch, etc. A Navigator.push() with your route you want like to have open.

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

    Can you update the video and code please

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

      Thanks for the feedback, Bloodcon! 🙂

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

    Push notifications with Firebase messaging - Flutter 2021 ?

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

    sorry it does not worked for me

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

      @@HeyFlutter sir watched your tutorial 3 time
      Explanation is good but it not working for me is there any change ?

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

      @@mahavirsingh5790 use current firesbase_messaging packages are outdated

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

    how can i do this iOS ? Anyone know the solution please comment , I will be appreciate :)

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

    great video, can send notification from mysql db

    • @AashuMishra-lastpiece
      @AashuMishra-lastpiece 5 лет назад +1

      i am searching for notification from mysql db, if you find please let me know bro.

    • @AashuMishra-lastpiece
      @AashuMishra-lastpiece 4 года назад

      @Diogo Lucas no we have to use socket or pubnub and listen to channel and use local notification.. Everyone is showing default tutorials i cannot find the different always firebase.. what if we want posgreSql or mongo or mysql ??

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

    not working...androidmanifest error

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

      @@HeyFlutter sorry it works, apparently there is something wrong with the graddle. Thanks!!!!

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

      you used androidX ?

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

    Boa tarde amigo, obrigado pelo video, gostaeria de saber como ativo o som da notificação. Desde ja agradeço

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

      Acho que ele não fala português, mas mesmo assim creio eu que isso seja escolha do usuário, deixar o som ativo ou não.
      Agora se você está falando sobre mudar o som da notificação, ai já não sei te responder

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

    dark mode please

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

      Thank you, ! 🙂👍 Check out this video about Flutter Dark Mode Switch - Light & Dark Theme [2021] For Android & iOS
      ruclips.net/video/HSAa9yi0OMA/видео.html

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

    It’s okay for iPhone I have found the answer at github.com/flutter/flutter/issues/28196. The payloads are different for Android and iOS