Тёмный
No video :(

Ionic Native Push Notifications + Firebase Cloud Messaging 

Fireship
Подписаться 3,3 млн
Просмотров 149 тыс.
50% 1

Learn how to send notifications to iOS and Android devices using Firebase FCM and Ionic Native. angularfirebas...
- Join Slack goo.gl/6eYoxF
- Ionic Native ionicframework...
- FCM firebase.googl...

Опубликовано:

 

27 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 109   
@Fireship
@Fireship 6 лет назад
Get up and running with FCM and Ionic Native... There are a few caveats with native push notifications for iOS and Android builds, so I recommend following the full article where I explain in more detail. Hit me up on Slack if you want to chat :)
@fathimadji8570
@fathimadji8570 6 лет назад
angularfirebase.com/lessons/ionic-native-with-firebase-fcm-push-notifications-ios-android/ Sorry from the tutorial's app.component.ts part it has some syntax error
@manishkhandelwal9627
@manishkhandelwal9627 6 лет назад
Angular Firebase I have a doubt , help me please.
@reyco1
@reyco1 6 лет назад
Another badass tutorial. This video just turned me into a Pro Member! Jeff, thank you so much for your tutorials, man. It is unbelievable how easy it is to learn from you, bro. Keep it up!
@Fireship
@Fireship 6 лет назад
Awesome, thank you for the support! Just in time for the Ionic course later this week :)
@reyco1
@reyco1 6 лет назад
Yaaassss!!!!
@sagarmaheshwary3150
@sagarmaheshwary3150 6 лет назад
The way you explain things is awesome. It helps a lot thanks
@Fireship
@Fireship 6 лет назад
+Sagar Glad you like the format. Thank you!
@nielskersic328
@nielskersic328 4 года назад
With the Capacitor bridge, implementing Firebase Cloud Messaging in Ionic has become even easier, but this is still a very helpful video as always! Thanks Jeff!
@neopol7
@neopol7 4 года назад
Hi! What are the changes using Capacitor instead of Cordova using this video??? Can I literally do exactly the same as the video shows to work with capacitor?
@razakadam74
@razakadam74 6 лет назад
There are some 152 people who always watch these tutorials before me. I am going to be the first person to watch and like your next tutorial.
@mastertric
@mastertric 6 лет назад
Hi, i have this problem Property 'pipe' does not exist on type 'Observable' Does this happen to anybody else?
@aleejunaid
@aleejunaid 6 лет назад
Awaiting for the Ionic course. Great Topic selection (Y)
@Welcometomyjourney20
@Welcometomyjourney20 6 лет назад
Those versatile short videos are very useful, thanks for sharing.. we hope u make such series with vue js. Though, I guess the idea almost the same
@Fireship
@Fireship 6 лет назад
Maybe in the future. I am considering making a more general channel for things like Vue.
@draenor19
@draenor19 5 лет назад
ionic native FCM is the best alternative in this moments
@lilililliilil
@lilililliilil 6 лет назад
FANTASTIC TUTORIAL!!!!!! KEEP IT UP Jeff! :)
@Fireship
@Fireship 6 лет назад
Will do, thank you!!
@deriegle
@deriegle 6 лет назад
Thank you so much for all the great content. I swear you always do tutorials on problems I’m working on in my own work, but you know how to write clean, efficient code. Will the Ionic course include any explanations of why you use async/await in place of subscriptions, etc?Looking forward to the upcoming course.
@vajohnifi3d
@vajohnifi3d 5 лет назад
I wish i could be a pro member, awesome tutorial... cant wait for part 2 with ionic 4
@msettecasse
@msettecasse 5 лет назад
event.data.data() trows error when deploying functions doesnt let me put 2 data.. it's still not working this
@wcooperscott
@wcooperscott 2 года назад
This is great aside from the fact that you send your token to Firestore **every time** the app opens. Firebase's FCM Best Practices suggest we only need to do this monthly **or** when the token expires. How do we check expired tokens or schedule token updates?
@VivekGawande1
@VivekGawande1 5 лет назад
Did anyone manage to get it working on iOS Edit: I got it working. Read the blog it has a link to an article for iOS
@stevenhines3441
@stevenhines3441 5 лет назад
Decent overview but skipping the Firebase to iOS push notification configuration is a big gap
@ziyadsfaxi
@ziyadsfaxi 6 лет назад
Hello Jeff, Thank you very much for the rich content you deliver. I like your "straight to the point tutorials" ;). I also like the font you're using, may I know what's the name of it?
@abhiramreddy1254
@abhiramreddy1254 3 года назад
I am building a video calling app using ionic and connectycube. But i am facing issues with showing a whatsapp like call notification which persists on the UI until the ring timeout. I am not able to do that. I am just able to send a notification. Can you please help me with this? Thanks, Abhiram
@zanpokerznik1194
@zanpokerznik1194 4 года назад
I was following your tutorial on Ionic 5, but there is always an error in XCode: No visible @interface for 'FIRMessaging' declares the selector 'disconnect'. Any ideas? Thanks!
@IagoBrayham
@IagoBrayham 6 лет назад
Hey, loving your videos so far, especially ionic featured ones. Could you help us on how to make Whatsapp(chat apps in general) message sent/delivered/read status using firebase system like firestore, cloud functions or something like that? A full video on this topic would be awesome!
@matrixneo4
@matrixneo4 6 лет назад
I think you are asking too much....
@VFXkarthikeyan
@VFXkarthikeyan 6 лет назад
In ionic this firebase plugin was beta?.Shall we use this plugin in production ?
@Fireship
@Fireship 6 лет назад
That is true, but it is a well maintained plugin. It is basically your only option aside from building your own from scratch.
@Draconian53
@Draconian53 3 года назад
Hello I need some help Where can i find document user to user notification via FCM ?
@victorcahui732
@victorcahui732 4 года назад
Thank you so much. Greeting from Peru
@madhumagar
@madhumagar 5 лет назад
It is not working as shown `platforms/android/app/src/main/java/com/marianhello/bgloc/ActivityRecognitionLocationProvider.java:68: error: cannot access zzbfm if (lastActivity.getType() == DetectedActivity.STILL) { ^ class file for com.google.android.gms.internal.zzbfm not found`
@duanehodges3146
@duanehodges3146 4 года назад
This is a great tutorial...but how about a messaging app where you want to send notifications not based on subscribing to a particular topic but whenever you get a new message from a particular user?
@deepakchaudhary3913
@deepakchaudhary3913 5 лет назад
Not working with me. In browser it saying "cordova_not_available", But in android app, its also not working. Please help
@ihorbond
@ihorbond 4 года назад
I recently started with Ionic 5 and couldn't find config.xml which is apparently for cordova project. For capacitor it's capacitor.config.json, appId field. I've also used Firebase X plugin cause the one in the video doesn't seem to be maintained anymore
@msettecasse
@msettecasse 5 лет назад
the subscriber collection is not created ! i followed ur steps but i cant see the subscriber collection on firebase
@rebarius
@rebarius 6 лет назад
The Admin SDK Example is old and not FCM conform. With that solution you won't be able to send costom images, etc. for Android. I know Phonegap Push Plugin & Ionic recommand that, but the official FCM-Documentation is better. Maybe I'll do a tutorial for that
@ruksanmohamed4434
@ruksanmohamed4434 4 года назад
Awesome tutorial. Thanks
@kouagnybeliessouclementgue8
@kouagnybeliessouclementgue8 5 лет назад
Good evening, please can I have a github link of the project ?
@Anshika
@Anshika 6 лет назад
Rip udemy courses seller you just nailed it 🤓
@davideduardocermenopinzon5658
@davideduardocermenopinzon5658 5 лет назад
Are you are using ionic 4?, because with an ionic 3 (attached to angular 5.2 thanks to the framework) it says some angular 6 modules are needed for that.
@ojtwerk8671
@ojtwerk8671 6 лет назад
Can you make a tutorial for sending notification to a specific device? For example , I clicked a button , theres a function that will send notification to other device
@pilearn1266
@pilearn1266 3 года назад
You out here your credentials
@MittaSpitta
@MittaSpitta 5 лет назад
Awesome tutorial! One question, when i send out the messages, they are not "flagged" as received in the Firebase console. Is there a special command to acknowledge opening of the message?
@briancalma5674
@briancalma5674 5 лет назад
Hmmmm do this work even if the app is killed?
@rishabhkumar8376
@rishabhkumar8376 5 лет назад
I have a problem.. while build my app on android back button not working?? Can u please help.. i tried so hard but i dont understand whats the problem.
5 лет назад
Hello everyone dear friends.. My problem is, how to do 1 time local notification per every 10 minutes or every per 1 hour? Because i couldn't set it more than about 5 minutes because app take itself standby mode after 5-6 minutes and it is not sending the local notification for a information reminder application project... Please help me, thank you...
@sunilkunapareddy2215
@sunilkunapareddy2215 6 лет назад
hey hai ... app installs on iPhone but the token doesn't saves in storage ... how to achieve it ??? please help with this issue... and even it asks for permissions soon the app installs for first time
@syedsabbirsunny719
@syedsabbirsunny719 6 лет назад
You did not require to login and select app for firebase function.. Ss specified in docs. I sm confused.
@fathimadji8570
@fathimadji8570 6 лет назад
I think there are still some errors on the tutorial code.
@hartnil93
@hartnil93 6 лет назад
yesterday i did it in my ionic project, your tutorials are great! in my project i used the FCM plugin and not the firebase plugin, do you know if there is a difference between the two?, should i switch or keep what i made?, thanks
@Fireship
@Fireship 6 лет назад
The Firebase plugin has more activity from the maintainers, but either one could potentially work.
@ameerattaa2250
@ameerattaa2250 6 лет назад
Angular Firebase do i need certificate to send notifications to ios ? i read somthing like this before
@Fireship
@Fireship 6 лет назад
Yes, you need cert for your app with push notifications enabled. Open your project in Xcode >> capabilities to turn them on.
@ameerattaa2250
@ameerattaa2250 6 лет назад
Angular Firebase and that need premium devloper account right ?
@Fireship
@Fireship 6 лет назад
Yep, you need to fork over $99 to Apple :(
@amrabdelkaderit
@amrabdelkaderit 6 лет назад
Awesome work Jeff (Y)
@jadayash1479
@jadayash1479 4 года назад
angularfire2 is not any more available
@INIGOOOOOOOOOOO
@INIGOOOOOOOOOOO 6 лет назад
The icon is always white? Why does this happen?
@eduard.ilyaskin
@eduard.ilyaskin 6 лет назад
Go, How to Angular and React!
@sindbaadtech5943
@sindbaadtech5943 6 лет назад
All of the firebase videos that I see use the web api config in the app.module.ts. But you showed in completely other way to download the file. What is the difference? Why do they not follow this method? Or am I mistaken? Confused for sure.
@Fireship
@Fireship 6 лет назад
You need to follow these steps if you plan on deploying to native mobile platforms, like Google Play or Apple App Store.
@sindbaadtech5943
@sindbaadtech5943 6 лет назад
Ok sorry. I see you put the configuration as well in the app.module.ts
@HidungPesek
@HidungPesek 6 лет назад
how can i send automatical message real time using firebase when json data was updated??
@vipuldimri6571
@vipuldimri6571 5 лет назад
Notification works if app is running or in background but how to display notification when after app is killed.
@MittaSpitta
@MittaSpitta 5 лет назад
The notification will still be send to your device. When you click on the notification, your app will open.
@atiqueakbani376
@atiqueakbani376 6 лет назад
how to send images with the messages from cloud functions??
@philgsk
@philgsk 6 лет назад
What if i'm not handling my user login via firebase?
@acessosan
@acessosan 6 лет назад
Does anyone have an example of a mobile-only message delivery? It is more useful for our day to day
@marcbatete9003
@marcbatete9003 4 года назад
the invite to slack seems to not be active anymore. how can i get help?
@manishkhandelwal9627
@manishkhandelwal9627 6 лет назад
Help me please, I have a doubt. In the new documentation of FCM for version 1.1.0 . I have seen all tutorials regarding the Firebase FireStore. Like you are querying from the FireStore in this notification part, but I have data in Real-time Database, can we do the same thing which you explained in this video, from Real-time Database and not using FireStore? If yes, can you show me the code.
@theindianinvestor3240
@theindianinvestor3240 6 лет назад
I have solved it, If you want I can send you the solution. But I am now having problem in the foreground notification part. The user ID sent as data is showing null for opening the profile in FirebaseMessagingService class.
@evacasitas3327
@evacasitas3327 5 лет назад
Hi, i followed everything but it does not generate device token.. can somebody help me please. thank you so much
@simbarashemaunga5575
@simbarashemaunga5575 6 лет назад
Works but won't compile on Adobe Phonegap Build :(
@blaster_pro
@blaster_pro 6 лет назад
Nice! Could you make one for ios?
@surendrasawant9781
@surendrasawant9781 4 года назад
Can i use these step to setup with ionic v3
@rahulkamboj4603
@rahulkamboj4603 5 лет назад
Keep updating about the a ionic tutorial...i will definitely subscribe to it and if rates are genuine will sure buy it...do you have any courses on udemy? Let me know. Btw really nice overview.
@lawsontemudo8549
@lawsontemudo8549 5 лет назад
Is there any tutorial for ionic 3 crashlytics ?
@sindbaadtech5943
@sindbaadtech5943 6 лет назад
Why do we use wrappers like angularfire2 or even ionic native mobile plugin when the core npm firebase does it all?
@VivekGawande1
@VivekGawande1 5 лет назад
Thats how Ionic works I guess. Many of the npm cordova plugins require messing around with javascript windows and declaring variables which does not look like readable code at all
@xoseluis64
@xoseluis64 6 лет назад
Hi. Excellent tutorial I have this error: typescript: C:/ionic/fcmapp/node_modules/angularfire2/firebase.app.module.d.ts, line: 10 Class 'FirebaseApp' incorrectly implements interface 'FirebaseApp'. Property 'automaticDataCollectionEnabled' is missing in type 'FirebaseApp'. Thank you.
@lastpoint9488
@lastpoint9488 5 лет назад
hello sir please make a video for select option with search in ionic 4 npm install ionic-selectable@4.4.0 --save this is not working
@sergiosanchez3698
@sergiosanchez3698 5 лет назад
action buttons ???
@user-fh4xo2pc2d
@user-fh4xo2pc2d 5 лет назад
Are you going to make an ionic course too?
@AnilKumar-hh9lz
@AnilKumar-hh9lz 4 года назад
public firebaseNative: Firebase, 'Firebase' refers to a value, but is being used as a type here..
@skshailendra151
@skshailendra151 5 лет назад
Hi team, Can you please make a new video for FCM with ionic angular
@drdancel
@drdancel 4 года назад
Don't be a noob like me. Make sure you include Cordova! ionic integrations enable cordova
@jijishthomas
@jijishthomas 5 лет назад
can i use it for ionic v1?
@AnandSingh-tm3cd
@AnandSingh-tm3cd 4 года назад
where is git hub link sir
@poimsm
@poimsm 5 лет назад
not working
@ameerattaa2250
@ameerattaa2250 6 лет назад
i get an error on promises.push( token ) i changed it with tokens.push( token ) and everything works fine thank you very much
@Fireship
@Fireship 6 лет назад
Yep that was a typo on the lesson code, it's fixed now.
@ameerattaa2250
@ameerattaa2250 6 лет назад
Angular Firebase great lessons waiting for the ionic tutorial
@tininottiny8685
@tininottiny8685 6 лет назад
Jeff, I got a weird error with the firebase plugin here. How best do I resolve this? * What went wrong: Execution failed for task ':processDebugResources'. > Error: more than one library with package name 'com.google.android.gms.license'
@Fireship
@Fireship 6 лет назад
Hmm, have not seen that one yet. Looks like it's a hot button issue right now forum.ionicframework.com/t/firebase-android-build-error-with-error-more-than-one-library-with-package-name-com-google-android-gms-license/125329
@anasshl
@anasshl 5 лет назад
does anyone knows how to make intro slider page pls
@Santoshumnekar
@Santoshumnekar 6 лет назад
Great 👍👌👌
@xSuperMu
@xSuperMu 4 года назад
You are speaking really fast, and your coding style is so annoying. To be fair, the content is good, but the problem is your style.
@exploreasir4917
@exploreasir4917 4 года назад
what's your system specifications?? May I know??
Далее
Ionic firebase push notifications for android
38:33
Просмотров 11 тыс.
I tried 5 Firebase alternatives
10:31
Просмотров 784 тыс.
Engage users with Firebase Cloud Messaging
25:33
Просмотров 21 тыс.
The Push Notifications Guide for Ionic & Capacitor
25:52
Best practices for Firebase Messaging
12:46
Просмотров 10 тыс.
We're on the brink of another world browser war
4:29
Firebase Cloud Messaging API (v1) Tutorial
9:13
Просмотров 71 тыс.
Building a Mobile App in 2024: The BEST Technologies
13:31