Implement Push Notifications with Xamarin.Forms (Android) and FCM
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- In this video we will learn how to implement remote push notifications with Firebase Cloud Messaging (FCM). This first video of a series will implement it in your Xamarin.Forms Android app. We will see how to setup a Firebase project, get all the bits we need all the way down to actually receiving a push notification.
💝 Join this channel to get access to perks:
th-cam.com/users/GeraldVerslui...
🛑 Don't forget to subscribe to my channel for more amazing content: th-cam.com/users/GeraldVerslui...
🐦 Follow me on Twitter: / jfversluis
🤝 Join the Discord server: / discord
🔗 Links
Sample App Repo: github.com/jfversluis/XFFCMPu...
Plugin Repo: github.com/CrossGeeks/Firebas...
iOS Video: • Implement Push Notific...
Blog Post: www.telerik.com/blogs/how-to-...
⏱ Timestamps
00:00 - Intro
00:21 - Blogpost We Will Follow
01:11 - Create Project in Firebase Console
04:08 - Add Android App To Firebase Project
06:54 - Setup Android Sample App
07:43 - Install Plugin.FirebasePushNotifications
08:59 - Configure Android App
10:10 - Bootstrap Push Notifications
11:54 - Android Notification Channels
16:05 - Add GoogleServices.json file
16:40 - Set GoogleServicesJson Build Action
18:10 - Add Debug Code to Catch Token
20:43 - Send Push Notification
23:06 - Show Notification Bar On Android
25:40 - Sending Notifications Through Console
27:54 - Outro
🎥 Video edited with Camtasia (ref): techsmith.z6rjha.net/AJoeD
🙋♂️ Also find my...
Twitter: / jfversluis
Blog: blog.verslu.is
Twitch: / jfversluis
All the rest: jfversluis.dev
#XamarinForms #PushNotifications #FCM #Xamarin #PushNotifications #Firebase #FirebaseCloudMessaging #Android - วิทยาศาสตร์และเทคโนโลยี
Also want to implement push notifications for iOS? Check this: th-cam.com/video/GNBuaAB8nR8/w-d-xo.html
Or maybe you need to learn now how to _send_ a push notification? I got you covered right here: th-cam.com/video/VI1wgekz5ZM/w-d-xo.html
THANK YOU SO MUCH GERALD! IVE BEEN WANTING TO SEE A TUTORIAL LIKE THIS! i didn't skip any ads to give you my thanks! you're the man!
That is very thoughtful of you! Thank you for the support! Appreciate it! :)
Thanks, man - I greatly appreciate that! This is the only one clear and step-by-step tutorial without extra Azure or AWS flavors. Just bare bones showing how it works. Praise God I found it!
Glad to be able of service! :)
Yeii.. 😍😍.
Finally the wait is over !! 😁😁
As u promised !! It's really worthy waiting !! 😍😍
Thanks Gerald 🙏🙏🙏
Woohoo! Thanks!
This and the corresponding iOS example are excellent and easy to follow. Superb work. Many thanks.
Glad it was helpful! Thanks you for letting me know, appreciate it :)
How is this the only detailed "How to" about Firebase + Xamarin + Android app no youtube. This is unacceptable. Kudos to the tutorial maker(Gerald) for making our lives easier.
Glad I could help out! Guess I need to make an updated .NET MAUI version soon!
Dude thank u so much for this guide! Your explanation was completely clear and easy to follow, please continue with this kinda tuto of firebase
I can't thank you enough for this step-by-step tutorial!
Great job!! Great tutorial!!
Thanks! Glad it is helpful!
Thank you for this excellent tutorial. I have so much tested and now it works.
Great to hear Miriam! Thanks so much for taking the time to let me know!
Thanks a lot .Very easy to understand and I was thinking that it was harder to implement...U nailed it man : )
Love to hear that, that was exactly what I wanted to achieve! Happy notificationing!
Thank you for the great tutorial, Gerald! Truly appreciated!
Please do a video on integrating notifications sent with an Azure notification hub.
Will look into it!
Wow, thank you very much for this video and all of your previous videos. There are several inquiries about push notification,
first about the possibility of push it using HTTP Post Verb,
and how to push notification between application users themselves without using FB Console, such as WhatsApp notifications when receiving a message, for example, thank you very much again and accept my regards.🌷🌷
Glad it was helpful! Sending push notifications is on the list. In regard to "how to push notification between application users themselves", I understand what you mean, but that is not what is happening. There is always some kind of trigger to send the notification. In this case a message is added to the database of Whatsapp and that triggers the notification for instance :)
Thanks Gerald, every video is perfect and useful
Thank you Usama!
Thank you! You provide so much value content!
Thank you so much David! Glad you think so!
Excellent tutorial, many thanks Gerald!
Could you please make a video on how to do extra customizations .e.g. show the app mini icon in the status bar, include an image as part of the notification, custom notification background, for both Android and iOS (if possible). I understand that these are platform specific and there are online posts about them, but you always provide valuable tips & tricks in your videos :)
Great suggestion! That one is definitely coming!
Great tutorial, you are the best!
Thank you!
Woof! so great, thanks for keeping your promise.
Without embarrassment I would like to ask you more if it were not too much trouble.
I would like you to do the second part where by pressing the notification it takes you to a specific page and you can retrieve the message.
Thank you very much in advance.
I don't think you can retrieve the actual message unless you also attach that as data, but I've added it to the todo list :)
Great video 💪
Thank you Jerald
Thank you!
Perfect guy, I suffered from it a few days ago. Thanks
Hope this helps!
Great video, thanks so much!
Awesome stuff 💪🏽
Thanks Emmanuel!
Thank you! You're the best, now I hope we'll see how to send notifications from the BackEnd side, like the WPF side or the server-side of the App.
Thank you! Sending the notifications is definitely coming too :)
@@jfversluis looking forward to it.😍😍
Thank You so much Boss. I have managed to implement Push Notification on MAUI as well using the same technique. God bless you
That is great to hear, thanks so much for letting me know!
Hi there, I too try to implement push notifications on my Maui app, do you have any tips and advice to note before i begin to follow this tutorial?
Didn't you have problems with compiling after adding those packages ??
Thank you, very useful video🤝
Glad you think so!
Thank you for the tutorial: Just to add: you can simply restcall firebase with your server key and send pushes. All u need to know is the receipiens token id. so save that on your cloud, download user object and send pushes from client to client in within seconds. :)
That is awesome! Thanks for the tip!
Does Token ID Change? say when user opens the APP, i save their Token ID into my Database, how often should I update the Token ID (if it changes)?
It can change from time to time. There is an event for when that happens. Hook into that and save/update it for the user when that happens
Hi Gerald, your videos are great!!! I would like to see a video of how to send it to a specific user and also how to customize a notification, thanks!
The video about sending push notifications is here: th-cam.com/video/VI1wgekz5ZM/w-d-xo.html
You make it look so simple 👍
If I can do it, you certainly can too!
@@jfversluis 😁
Thanks for you🖤🖤
My pleasure!
Very good tutorial, Thanks dear...
Thanks for watching Satyendra!
Thx for a great Video again, yes Firebase Database would be also great
Noted! I'll see what I can do :)
شكرا لك انت الافضل .انت تقدم محتوى جيد جدا . احب شرحك الجميل
I will recommend my friends to follow your channel
I have to admit I had to use Google Translate, but thank you so much! 😄
Legend!
Wait for it.... dary!
This is great, thanks
Thank you! Glad you think so!
Excellent tutorial, many thanks Gerald!
Please do a video on how to show the notification count over app icon in xamarin android
I don’t think that’s possible on Android? At least not all Android versions
excellent !!
Thank you! Push notifications in combination with .NET MAUI will definitely come!
thx for this video 😍 can you make a video about all thing and type of design data in firebase realtime database 🙏
Added it to the list, can't promise anything yet, but who knows! :)
Great video
Thank you so much Marko!
i love so much xamarin forms
Me too!
Very useful
Thanks!
Great video ! Can you do a tutorial for MAUI Push notifications using either FCM or Azure ?
That will probably come at some point, not sure when though!
To view notifications in the foreground you can set the priority of the notification to "High" by adding the key/value "priority" and "high" to the custom data field in FCM
Correct! Thanks for sharing!
Hi sir thanks for the great video on notification.
I have one query regarding action button on notification.
As i have added two action button in the notification name as "Accept" and "Reject".
When I am sending the notification the action button is showing in notification when my application is in foreground, but when my application is in background or killed the notification is showing without action button.
For my app, I have the text message sender call and api that sends their message where the API stores the message with an associated conversation. It's a one-to-many relationship in my database (Conversation-->Messages and Conversation-->Subscribers).
I want the API to also use Firebase to send a push notification to all other recipients in the conversation (usually just one) so that their app automatically calls an API to refresh all messages in the conversation and display any new/unread messages with a dot. How would I trigger the recipients to call api to refresh the conversation and show in phone app?
hello Gerald, the problem is that when i publish the backend to azure the notification push will not work, i even used notification hub from azure, i couldnt register my device to receive notification could you please share for us some knowledge there.
Brilliant, any changes for MAUI? Is Windows working as well? Greetings
Great tutorial! Excellent delivery! Would this work hit Maui Hybrid as well or we would face problems in that context?
Should work! A Blazor Hybrid app is still a .NET MAUI app!
@@jfversluis I can confirm that it works! with minor (platform specific) changes. What I cant get it to do is ask for the "notifications permission"... I have to enable it manually whenever I uninstall the app (not when i rebuild).
Thanks!
Thank you for watching!
Thanks for all the great videos!
I actually came across your videos, while reviewing the new MAUI features in VS2022 and am very excited about the cross-platform possibilities. Would you please create a MAUI version of your Xamarin Firebase videos? Thanks
That is great Tim, welcome! Actually a lot of that should not change too much :) probably over time I will redo some of them if there is enough ask, but the code will largely be the same. Let me know if you need anything!
@@jfversluis Thanks for the great content, it's been really helpful! I've been trying to get this to work on Maui however it seems a lot has changed since this video was posted. There's quite a few issues with outdated plugins and build errors. I would really appreciate another updated video on this!
@@db1477 This will 100% not work with .NET MAUI as the plugin needs to be structured differently. If you implement all the bits on the platform level push notifications will work. As far as I know there are no plugins that work with .NET MAUI right now, surely they will come when .NET MAUI goes GA.
@@jfversluis Hello Gerald, I need to do this for .Net maui. Can you point me to any tutorial on how to do this for Maui.
@@nehasharma-px2oh I don’t think there is one yet :)
You can make a tutorial to change the status bar notification icon and add an image to the notification, it's great
thank you you are the best
Well... I don't know about that :D But thank you!
Awesome video 😍🔥 could you cover Firebase Authentication and maybe Authentication for Firestore security rules... I cannot find a lot of documentation for Xamarin.forms
Added it to the list, can't promise anything yet, but who knows! :)
@Gerald Can you please make a video on how to open an XF Page when we click on notification depending on the data coming along the notification ?
Added it to the todo list, thanks!
I love you videos dude. A video on starting a xamarin ios/Adnroid application from a shared link on whatsapp for example would be great. thanks
I think that is called deep linking which is also a hard topic... I think Xamarin.Essentials might have something to make it easier? I'll add it to the list :)
@@jfversluis Hard topics are what drove me to this channel. Xamarin essentials have something called Launcher that actually launches a specific application from within another Xamarin application. What we are actually looking for is to open our Xamarin app from a link in a website, or within a text message or from a WhatsApp message etc. This topic is really worth a video. TH-cam is full of worthless videos that are waste of time to watch. Thanks in advance.
@@eddienoureddine7408 I'll add it to the list :)
Thanks for the series, really enjoyed it!
Would be awesome if you could show how to use Push with Shiny some time. I tried following the documentation but it's inconclusive but I am sure you could do a great video series on it.
I definitely want to do more with Shiny, but it might be for .NET MAUI though. Stay tuned!
Awesome 👏🏻 👏🏻 👏🏻 can you please update push notifications for iOS too
It’s coming don’t worry 😉
Brilliant. I messed around with several different samples until I found this, which made it Soooo simple I got it working in my app in parallel to the video.
Thanks. Now moving on to the iOS version.
Would really like to see how you can implement in a server so I can send messages from it through Firebase.
Thank you Brian! That was exactly my goal :) I noticed about a lot of documentation and docs that small details were missing which make it not work. With a video that’s not possible, I have to show a working demo so I need to show all the bits :) glad I was able to do that!
Sending a notification through code is coming!
Hello Gerald
Thank you for your interesting video.
I was able to carry out a little test thanks to your tutorial but sometimes the notification does not arrive on 10 launched we receive 5.
This leads me to ask a question: there is no mechanism in Xamarin to notify the client (device) even when the application is closed.
Like Whatsapp or Gmail when a new message arrives, you have a notification and a message counter on the application icon.
Do you have an idea of the design to put in place to create such a system?
Watched your video and Followed every step....everything worked great up until i got to the first test. First Test message worked great...got the token from the output. But...after that i ran into an issue....after refreshing the the app it did not generate the Token in the output. Tryna figure out why at the moment. Any idea why it doesnt generate any longer?
Thanks Gerald for Amazing video, I am able implement this and receive push notification. I have one problem I am not able receive notification when app is in closed or app is in the foreground, can you please provide details how to receive notification in android when app is in different conditions?
Could you please give an advice , my app is installed approximately on 100 phones , but only 25-30 phones received notification, what should i do?
I am running into Xamarin.googleplayservices.117.0.05 is not compatible with mono android 11.0
I am on windows machine.
using Visual Studio 2019. Do I have to upgrade to visual studio 2022
Hi Gerald, could you please help by creating one video for migrating the legacy FCM to FCM v1 to keep receiving notifications for xamarin apps please.
Great tutorials I love your videos and hopefully you can guide me on this one. I only get a token on debug mode and the notification is received only when the app is running on the background
Thank you for the kind words! No token in production indicates some kind of mismatch in the configuration probably. You should handle the notification when the app is in the foreground yourself. See the video on iOS on how to do that.
Great video. What about when we need it to be automatically? (When a new doc is added to a collection for example).
You’ll need to implement the same code to send the notification but then whenever the event happens that you want to trigger a notification for :)
And how would one user send notification to another one. Let's say an appointment scenario. If I want to make an appointment for your course I send you a notification with details of the appointment (like date, course type etc) and you can accept/decline it and after your response I get notify with your response
Thank you Gerald 🌹 , Very Well Explained. Now I want to implement through code. Can You Please Suggest Something so that I could work on it.
A todo app is always popular 😄
Very informative Gerald. Is the FCM you used on this Vlog free?
Yes!
“Firebase Cloud Messaging (FCM) is a cross-platform messaging solution that lets you reliably send messages at no cost.”
Source: firebase.google.com/docs/cloud-messaging
@@jfversluis this is great🤩. I’ll try it today. Thank you very much
Hello, excelent video, one question, do you do remote personal assistance?
Thank you Gerardo! Unfortunately I do not, sorry!
hello, great job, i installed the app on a my device. how do i know its token to pass to FB for sending notification?
Hi, Great video. Do you have one where you can add icons and different sounds depending on notification data
I don't have that one yet, sorry!
Okay, now we need the part "How to call firebase from your backend to make it send notification to xamarin app" :D
It’s coming!
@@jfversluis what about the iOS implementation my xamarin leader
@@sipepguru it’s coming! Uploading it today, will be released next week or available immediately if you are a member on the channel :)
could make a video of authentication with firebase and xamarin forms?. your videos are very good
Thanks! I will see if I can do that :)
once I registered the device there no problem with getting Token, but, after I delete app and test again the app doesn't get the Token. I cannot receive the notification anymore.
how can I store token?
Hey Gerald, how about push notification in MAUI? It would be a great video!
Absolutely! It’s coming!
hi, Gerald, I am a bit confused, as we are adding the token every time to the firebase, how to make it automatic without every time entering the token?
That’s just for the debugging. If skip over that part and select which all you want to send notifications too then it will be sent to all registered devices. Or alternatively, you can create topics that people subscribe to (by enabling or disabling something in your app) and you can send something to that topic. Firebase will know which tokens are subscribed to which app or which topic
Great video again! How can I send notification from App? I mean this is sending from Firebase Console, right? How to send an App to another Apps? Will you make a video? :D
Typically you don’t send a notification from one app to another directly, it will be triggered by something on the server. A video on that is definitely coming!
@@jfversluis Thanks 😊, waiting for that.
Thanks for the video. OK we learned how to recieve the notifications. But how about sending them? Only through the Firebase console? I don't think so. You have to make a video for this. Also, how to send to a specific phone-user? How can we know the user's token? Does the token changing everytime? Sorry for the too many questions but they came in mind when i saw your video and implement the code.
Way ahead of you 😏 th-cam.com/video/VI1wgekz5ZM/w-d-xo.html
Thank you!, one thing to notice, it doesn't work with the latest version and Android 12 either, have to see what changed and what's needed to adjust (at least in my case)
I think in one of the comments here there was a solution to make it work with Android 12
does this work the same with MAUI?
i'm a student at PXL Hasselt and we have to make a project with MAUI
Hey there! Cool I think I will be at PXL on October 28th :D
Push notifications definitely work, I don't think this plugin is updated to be used with .NET MAUI though
You are the best! Thanks so much... I have another request for you, could you explains how you can use authentication with differents socials medias like Facebook, Google, etc
Thank you Miguel! That one is one the list. Not sure how fast I will get to it :)
Great video. Learn a lot.
But is there a more dynamic way to send the notifications rather than each time passing the tokens on the FCM Registration token?
Sure use topics!
@@jfversluis Thank you.
Great Tutorials. Actually i am able to get the notification when my app is on or in foreground, is there any way to get the notification when my app is in foreground or when my app is on
Check the FAQ on the repository for this plugin, there are some hints in there
Is it only possible to send Messages to running (minimized) Apps? When the app is completely ended, its not receiving anything. I think there are for example News Apps that receive push messages despite not running app?
It’s possible I think there might be a bug in the library that prevents this. Check the repo for that :)
I tryied your sample, i put my google.json file, changed the app name to mine, but the notifications are not coming. I tryied to the specific token and to all but with no luck. What else can i look in to? Thank you
Hard to say without any more info. Make sure the app name is exactly the same including the casing and that the build action is set to GoogleServicesJson
many thanks Mr. Gerald , Very easy to understand. I have one question , How to customized UI Notification(e.g. :- Title will be on Bold and need Company logo as icon) in Cross platform. Please help me on that.
Thank you! I'm afraid I'm not really sure what you mean though.
@@jfversluis My means how to make customized of notification when Application on background in Adnriod . when application on foreground then i can handle notification from "Onnotificationreceived" so How to handle notification when app in background.
Hi Garald, great tutorial! I have it working in my emulator after following your instructions. I'm just a bit unclear how to handle the token in a production app. You mentioned that when not in debugging that we won't need to refresh the token. So if a user installs my app from the play store for example, then I will just need to get the token once, since it won't change? is that right? I assume that if they clear the app data or uninstall and reinstall the app the token will change though right?
It will change even when the user keeps it installed. So make sure, if you store that token, to expect it to update. It can happen at any time, but the event will be triggered and you will get the new token. Does that make sense?
@@jfversluis oh so even in production the token can change? So I guess when it changes I will need to run some code to update the token in my database.
@@SupremeBeever exactly! :)
@@jfversluis Ok thanks for the info! I will need to get a bit creative because my app can have registered users AND guests. For registered users it's easy, we can store in their profile the token and update it when needed, but for guests who don't have a user profile on our server I guess we can store the token on a per order basis.
how I can send this notification by xamarin forms app not firebase console, I hope to send this notification to many mobile from inside my xamarin forms app?
Video is coming on that :)
do you have a drop date for the MAUI version of this video. It was so helpful, thank you
Thank you! Unfortunately not yet. It’s a lot of work I keep pushing it back 😅 I’ll get to it soon!
Hi, Is there a way that we see the notification even when we are using the app? because mine will only show if the app is in foreground. And also I want a banner to Show on top
I think this might be a bug with this library, it should just work :)
Thanks for that video! Helped me a lot. I set the Target Android Version to 33 and in my Emulator I don't get messages when the app is closed (I get them when it is open). On an older device it works both when the app is open or closed. Do you have any idea?
I am facing the same problem. Have you already solved?
@@Solution-In-Code you need to add in your manifest.
And then something like this to your mainactivity to activate a permission popup on start:
protected override void OnStart()
{
base.OnStart();
const int requestLocationId = 2023;
string[] notiPermission = {
Manifest.Permission.PostNotifications
};
if ((int)Build.VERSION.SdkInt < 33) return;
if (this.CheckSelfPermission(Manifest.Permission.PostNotifications) != Permission.Granted)
{
this.RequestPermissions(notiPermission, requestLocationId);
}
}
Hey, thanks for the video, do we have option to disable push notification from app side for pushes with some particular tags?
Thanks
Not sure if I fully understand what you mean. But I’d say that is something you would want to fix on the server side when sending notifications
@@jfversluis Thanks for the quick response
@@jfversluis I need both firebase crashlytics and pushnotification, so on adding Plugin.FirebasePushNotification and Plugin.FirebaseCrashlytics, the android project throws error as
"Type com.google.android.gms.internal.firebase_messaging.zza is defined multiple times: "
Any suggestions on this? Thanks
Hi Gerald, thank you so much for this video it means a lot. Am new to this and I was debugging this on physical device today and somehow the notifications aren't going through. Is there something am missing?
Glad to be of service! However the question you’re asking is kind of hard to answer as I don’t know what you did or what you’re doing exactly:)
@@jfversluis Oh I meant that when I send push notifications from firebase console to my application installed on a physical device they didn't't get come through but later after toggling my app notifications default channel on and off they started coming through.
Anyways thank you so much for this video and your reply, you got me binge watching your videos 📺 they very helpful, please keep up the good work. Much appreciated, kudos 👏
Great tutorial. Thanks a lot for sharing. I noticed you went specific to target api 26 for it to work. Now that Google has made it madetory to target api 30+. How will it work, in my old project it works fine. When I upgraded to target 30, things are dancing. Any work around.
That depends on what "things are dancing" means. That is not great information to give advice on :)
@@jfversluis after this response, I cleaned the project of all old implementation of push notifications and started from scratch following your video and sample project. All is good now. Thanks alot.
Thank you so much you really helped me, but why notifications is not showing in the foreground
I think you have to do that yourself by implementing something in the on notification received handler
Hi when I try to update to the latest version nuget package of the FCM it says 'FirebasePushNotificationManager' does not exist in the current context
Then they might’ve changed something in the latest version
Thank you very much .but what about App Center notifications?Why we use Firebase when we have Microsoft's App Center.
and please clear one thing is firebase notifications is free or not?
Thanks.
App Center has announced that they will deprecate push notifications, so that is why :)
@@jfversluis oh.
but i have one request pleas promote app canter by making videos on different topics like in app update crash reporting etc
thanks for this tutorial , I have an issue on Notification opened not fire
Please check the documentation of the plugin. Not sure why that could happen.
why does not the android app ask for notification permission? I face the same issue
Hello,
I really need your help
I have created a xamarin.forms project
And i connected it to an SQL Server database
I want to Send notification to clients when ever a condition occured, i mean i want to check the data into the database every day, if the data matched with a specific data, i want all clients(Users) get a specific notification
How can i do that?
Lots of ways to do that, also depending on where your database lives. First thing that comes to mind is use a Azure Function that is triggered every day :)
Excellent tutorial, many thanks Gerald!
Am having a little challenge.
1. when i push out notification, I noticed that if the recipient app is off or killed or not running, most of the times the notification fails
2. If the recipient app is active on the screen, most of the times, the notification also fails
Kindly assist. if the recipient phone is off, I want the notification delivered when the phone is put on.
Thanks
That should work :) I think there was an issue with the plugin for this, you might want to check the author of the plugin and see if there are any open issues for it
Ok. I followed the tutorial step by step and used exactly the plugin you used. I will give it a trial and get back to you. Thank you so so much