Ionic 7+ firebase push notifications for android

Hello Friends, Welcome Back to @CodingTechnyks. In this video, we are going to work with "Ionic 7+ firebase push notifications for android" using​ #ionic #angular for #pwa, #android & #ios.
► Uber-Eats Clone App Series: kzbin.info/aero/PLixvNT19uDK6KvCAXMWtsS3EiwXZI8xwJ
► App Auth Screen Playlist: bit.ly/authScreenSeries
► Check out my Udemy Courses (upto 95% off):
1. Ionic 7+ with NodeJs - Complete Beginner to Pro Course 2023 : www.udemy.com/course/ionic-6-with-nodejs-the-complete-beginner-to-pro-course/?couponCode=0F34D53BDA476FD22094
2. Ionic 7+ From Beginner to Advanced - Build Food Delivery App : www.udemy.com/course/ionic5-beginner-to-advanced-build-food-delivery-app/?couponCode=8F1BAFFFEA7B33909797
3. NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce: www.udemy.com/course/nodejs-beginner-to-pro-apis-for-food-delivery-ecommerce/?couponCode=CC6259DFBA7A5A06327C
4. Ionic 7+ Chat App using Firebase (free): www.udemy.com/course/ionic-chat-app-using-firebase/?couponCode=A5559A3968A745390B12
► Finance App Series: kzbin.info/aero/PLixvNT19uDK77MopQAJxgdW939pg3I_Ir
► Social Media
Facebook: CodingTechnyks
Github: github.com/Nykz
Instagram: codingtechnyks
Twitter: codingtechnyks
► Source Code: github.com/Nykz/ionic-push-notification-android
Thanks for watching!
Kindly Like + Subscribe for such Interesting Videos.
Timestamp
00:00 - Install & Setup push notification plugin
17:52 - Test Push Notification
26:50 - Create FirebaseMessagingService.java to get notification when app killed

[@CodingTechnyks]

► Check out my Udemy Courses (upto 95% off): 1. Ionic 7+ with NodeJs - Complete Beginner to Pro Course 2023 : www.udemy.com/course/ionic-6-with-nodejs-the-complete-beginner-to-pro-course/?couponCode=0F34D53BDA476FD22094 2. Ionic 7+ From Beginner to Advanced - Build Food Delivery App : www.udemy.com/course/ionic5-beginner-to-advanced-build-food-delivery-app/?couponCode=8F1BAFFFEA7B33909797 3. NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce: www.udemy.com/course/nodejs-beginner-to-pro-apis-for-food-delivery-ecommerce/?couponCode=CC6259DFBA7A5A06327C 4. Ionic 7+ Chat App using Firebase (free): www.udemy.com/course/ionic-chat-app-using-firebase/?couponCode=A5559A3968A745390B12

[@cristobalcanas5189]

Thanks for this!! Very well explained. I searched many places and find the solution with your instructions. Subscribed!

[@TheSantana1984]

Hello! Thank you for the content, it was literally the "salvation of the crop"! I hope I can implement it, but it's already a light for my path... Thank you!

[@huevosyitz]

very detailed guide. thanks for this.

[@user-nq7iu3wu1t]

Sir Please make a video of how to use push notifications channels to get custom sound for notification while the app is in foreground or background.

[@user-The_Real_Fact]

sir Please make a video on Zoom in and zoom out Photo.

[@abrarhussain8465]

Sir Please make a video of push notifications while sending a message in chat app

[@enriqueruiz320]

😱

[@PerryAI]

Can we make custom actionable notification in ionic like nobrokerhood app visitor notification?

[@CodingTechnyks]

If you want more features for push motivations in firebase then you have to upgrade to a paid plan

[@robertq8555]

what would be the easiest way if you want to send a push notification when a value reaches a certain value, do you have to build a web service here that always reads and checks the data or is there any way to do this in firebase, for example, i would like to map when a user follows another user, that the user who gets a follow gets a push notification

[@CodingTechnyks]

Connect via Instagram on 25th nov

[@robertq8555]

@@CodingTechnyks i dont unterstand what is on 25 november ?

[@CodingTechnyks]

I am not available till then

[@robertq8555]

oh thanks man!

[@gost-_-_-gamer2922]

can you please explain this using the API without firebase platform

[@CodingTechnyks]

It is part of firebase There is another one with onesignal, you can check that out

[@bhavyamangla1400]

Very well explained brother. I am getting a issue in opening the application by clicking on the received notification. Can you help please ??

[@bhavyamangla1400]

Push received: {"id":"xyz","data":{"body":" Submitted A New ","title":"New Submitted "},"title":"New Submitted ","body":"Submitted A New ","click_action":"FCM_PLUGIN_ACTIVITY"}

[@CodingTechnyks]

If using android < 12 then if some other app is opened up then only click on notification will open the app That’s an issue that I encountered and that’s how it works peesenlty

[@bhavyamangla1400]

@@CodingTechnyks so we do not have any fix for this ??

[@CodingTechnyks]

According to my research, yes no fix yet. If someone knows about the fix do place it here. Open for suggestions

[@bhavyamangla1400]

@@CodingTechnyks okay. I am also digging for it. Also have you implemented the iOS notification flow ? Because i am not getting the firebase token on ios devices.

[@vishalnaik5453]

Sir, i have followed the same steps, now i am receiving the notification, but when i add a new notification in firebase,the received notification is replaced with new one,is there a way to stack the notifications?

[@CodingTechnyks]

Group is an option Send notification as a group Also check the plugin if any option is there

[@amagarai_]

Do you need to have a paid app developer account to do this with iOS?

[@CodingTechnyks]

Yes

[@ShahidAhmad-qs8yg]

icon for notification is till showing old one ?

[@CodingTechnyks]

May be it’s not updated properly in your case, check it If still issue persists then connect via Instagram

[@JuanzerZ]

How do i change the custom sound of the notification?

[@CodingTechnyks]

check the documentation, capacitorjs.com/docs/apis/push-notifications. Create a channel and in that you have an option to pass sound

[@PrudhviRoyals]

If i try to do what you have told me , I am not able to open my application in my android phone ? What i need to do can you please tell me ? The build was sucessfull.

[@CodingTechnyks]

You must be getting an error Which needs to be check while debugging from android phone

[@PrudhviRoyals]

@@CodingTechnyks how to resolve it

[@CodingTechnyks]

Connect after 25th nov

[@PrudhviRoyals]

Unhandled Promise rejection: Cannot read properties of undefined (reading 'lB') ; Zone: ; Task: Promise.then ; Value: TypeError: Cannot read properties of undefined (reading 'lB') I am getting the above error in my inspect device option what i need to ,can you please help me ?

[@CodingTechnyks]

Connect via Instagram Link in description

[@shreyanshsinha37]

Didnot get why last part was done, even earlier in the video also, you killed the app and were still able to receive the notification right ? What am i missing here ?

[@CodingTechnyks]

Java part is important for getting notification when app killed

[@shreyanshsinha37]

@@CodingTechnyks thanks for replying, I want to know why is it important?

[@CodingTechnyks]

capacitorjs.com/docs/apis/push-notifications Silent Push Notifications / Data-only Notifications iOS This plugin does not support iOS Silent Push (Remote Notifications). We recommend using native code solutions for handling these types of notifications, see Pushing Background Updates to Your App. Android This plugin does support data-only notifications, but will NOT call pushNotificationReceived if the app has been killed. To handle this scenario, you will need to create a service that extends FirebaseMessagingService, see Handling FCM Messages.

[@cxorion]

@@CodingTechnyks But your sample was not silent, that was just usual one

[@pauldinakaran8490]

I have followed all steps but not receiving the notifications, anything missing??

[@CodingTechnyks]

It takes time from firebase console If still not working then connect via Instagram at 4pm IST

[@pauldinakaran8490]

sure thanks for reply @@CodingTechnyks

[@Juan_Moreno_]

Hello, Its possible add it to iOS?

[@CodingTechnyks]

If you have developer account then it can be done My one is having some issues at present

[@Juan_Moreno_]

@@CodingTechnyks thanks, we have developer account. I have to follow the same steps?

[@CodingTechnyks]

@Juan_Moreno_ yes, in Xcode you have to add some options, check in docs

[@Juan_Moreno_]

@@CodingTechnyks thanks!

[@Juan_Moreno_]

@@CodingTechnyks Can you do a tutorial soon please?? 🙏🙏

[@dplaybass096]

My god... It's a fucking "quilombo" . From argentina

[@clemmiedales9764]

😊 Promo sm

[@shreyanshsinha37]

const data = { expired_token: saved_token, refreshed_token: fcm_token }; you are not using this anywhere in code, might as well remove it.

[@CodingTechnyks]

Connect via Instagram for further queries related to this

[@adnenbenawicha5082]

source code please

[@CodingTechnyks]

Check description