Ionic 7+ firebase push notifications for android
Вставка
- Опубліковано 1 сер 2024
- 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: • Ionic Uber Eats App cl...
► 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-...
2. Ionic 7+ From Beginner to Advanced - Build Food Delivery App : www.udemy.com/course/ionic5-b...
3. NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce: www.udemy.com/course/nodejs-b...
4. Ionic 7+ Chat App using Firebase (free): www.udemy.com/course/ionic-ch...
► Finance App Series: • Ionic Finance App UI S...
► Social Media
Facebook: / codingtechnyks
Github: github.com/Nykz
Instagram: / codingtechnyks
Twitter: / codingtechnyks
► Source Code: github.com/Nykz/ionic-push-no...
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
► 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
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!
very detailed guide. thanks for this.
Thanks for this!! Very well explained. I searched many places and find the solution with your instructions. Subscribed!
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.
sir Please make a video on Zoom in and zoom out Photo.
😱
Sir Please make a video of push notifications while sending a message in chat app
Can we make custom actionable notification in ionic like nobrokerhood app visitor notification?
If you want more features for push motivations in firebase then you have to upgrade to a paid plan
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
Connect via Instagram on 25th nov
@@CodingTechnyks i dont unterstand what is on 25 november ?
I am not available till then
oh thanks man!
can you please explain this using the API without firebase platform
It is part of firebase
There is another one with onesignal, you can check that out
@@CodingTechnyks it is working the only getting the app is not open are closed the app if I open and used a app I am not getting notification like whatsapp alert is any thing implement in that bro
@gost-_-_-gamer2922 when app is opened up, it doesn’t show the notification. In that case if you want the notification to show up then use local notification to display the actual notification from firebase server, that will help you to achieve the desired output
How do i change the custom sound of the notification?
check the documentation, capacitorjs.com/docs/apis/push-notifications. Create a channel and in that you have an option to pass sound
icon for notification is till showing old one ?
May be it’s not updated properly in your case, check it
If still issue persists then connect via Instagram
Do you need to have a paid app developer account to do this with iOS?
Yes
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?
Group is an option
Send notification as a group
Also check the plugin if any option is there
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 ?
Connect via Instagram
Link in description
Very well explained brother. I am getting a issue in opening the application by clicking on the received notification. Can you help please ??
Push received: {"id":"xyz","data":{"body":"
Submitted A New
","title":"New Submitted
"},"title":"New Submitted
","body":"Submitted A New
","click_action":"FCM_PLUGIN_ACTIVITY"}
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
@@CodingTechnyks so we do not have any fix for this ??
According to my research, yes no fix yet. If someone knows about the fix do place it here. Open for suggestions
@@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.
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.
You must be getting an error
Which needs to be check while debugging from android phone
@@CodingTechnyks how to resolve it
Connect after 25th nov
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 ?
Java part is important for getting notification when app killed
@@CodingTechnyks thanks for replying, I want to know why is it important?
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.
@@CodingTechnyks But your sample was not silent, that was just usual one
I have followed all steps but not receiving the notifications, anything missing??
It takes time from firebase console
If still not working then connect via Instagram at 4pm IST
sure thanks for reply @@CodingTechnyks
Hello, Its possible add it to iOS?
If you have developer account then it can be done
My one is having some issues at present
@@CodingTechnyks thanks, we have developer account.
I have to follow the same steps?
@Juan_Moreno_ yes, in Xcode you have to add some options, check in docs
@@CodingTechnyks thanks!
@@CodingTechnyks Can you do a tutorial soon please?? 🙏🙏
const data = {
expired_token: saved_token,
refreshed_token: fcm_token
};
you are not using this anywhere in code, might as well remove it.
Connect via Instagram for further queries related to this
My god... It's a fucking "quilombo" . From argentina
😊 Promo sm
source code please
Check description