OneSignal Notifications in Flutter Made Easy | Step-by-Step Tutorial

[@HeyFlutter]

👉 Check out the Source Code: github.com/HeyFlutter-Public/one_signal_push_notifications 👉Join 12 Week Flutter Training: heyflutter.com 👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: www.whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f

[@royalwolves7010]

This is so beautiful, your explanation is top notch ❤️🔥 we would love to have the iOS version tutorial as well …Thanks

[@ijeomaemmanuella6880]

That’s why I love this channel

[@HeyFlutter]

Thank you ❤️

[@HeyFlutter]

Thank you ❤️

[@rafikhan1667]

Valuable content, thank you so much.

[@HeyFlutter]

Glad it was helpful, @rafikhan1667 😀

[@ugochukwuumerie6378]

Pretty cool. Setting up FCM push notification for iOS and Android was quite the hassle, especially the heads up notification on foreground with local notification package. I wished I saw this earlier. 1. Does this support heads up notification out of the box without any additional package and configurations? 2. Why did you disable analytics, what if I want it turned on for other analytics purposes within the app eg crashlytics which require that you have analytics turned on e.t.c? Thank you

[@HeyFlutter]

Thank you, @ugochukwuumerie6378! 🙂. Please read the official docs for more info.

[@manishkarki8119]

Such a valuable content❤

[@HeyFlutter]

Thanks, @manishkarki8119! 🙂

[@bilalbakr7817]

Could it be used for sending notifications after a certain event like for a chatting app when someone sends a message, or in a booking app if the booking is successful could it send a notification? And thanks for the tutorial.

[@HeyFlutter]

Hey @bilalbakr7817 😀 please refer to this documentation of Automated Messages: documentation.onesignal.com/docs/automated-messages I hope this may help.

[@marufhassan634]

Wow this was great!

[@HeyFlutter]

Thank you, @marufhassan634! 🙂

[@emmanuelonyeji690]

hi, awesome content, it really helped, please can it navigate to a screen when the app is closed, mine doesnt

[@HeyFlutter]

Thank you for the suggestion! We’ll definitely consider it for our future content ideas.

[@malluvocalist1416]

is there is any possible way to get location even if the app is in the background or phone screen is locked using geolocator package can you give me any solution please

[@HeyFlutter]

Thank You @malluvocalist1416! Follow this link: github.com/Baseflow/flutter-geolocator/issues/372 I hope you will get your answer 🙂

[@malluvocalist1416]

@@HeyFlutter it wont work we need to use flutter background service package so even if the app app is terminated it will work finally i found the solution and works fine

[@kleyberderick9264]

Hey, congrats for the video! When are you planning to post a video about IOS Notifications using OneSignal and Flutter?

[@HeyFlutter]

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

[@lisahwangeci]

Can it send topic subscriptions notifications?

[@EmmanuelRAKOTOSON]

Good tutorial

[@HeyFlutter]

Thank you, @EmmanuelRAKOTOSON! 🙂

[@AppForgeTech]

Cooll ❤‍🔥🔥🔥 thanks a lot

[@HeyFlutter]

Glad you liked it, @AppForgeTech 😀

[@TBRAK78]

Great video, thanks! It's a pity that they didn't demonstrate it for iOS

[@HeyFlutter]

You are welcome, @TBRAK78!

[@aashishtyagi5296]

Overall video was good. Information is well organized and well presented.......but i want one help, how can i change that icon default icon of bell in onesignal, i want to show the app icon to view on notification bar, like whatapp, as you can see, when we are not veiweing the notification by sliding the notifi. bar, so the app icon shown on the bar, for the pending notification. In onesignal the default icon is a bell, but i want to change it to my app icon. So please help me if you can

[@HeyFlutter]

Thank You @aashishtyagi5296! Follow this link: documentation.onesignal.com/docs/notification-icons I hope you will get your answer 🙂

[@aashishtyagi5296]

@@HeyFlutter No bro, thts not my question, could we connect on dm,

[@aashishtyagi5296]

@@HeyFlutter show you through screenshot

[@BoundaryBlitz-wh5ov]

good tutorial but when my app is closed and then i tap on notification i can't navigate to specific screen how to fix it please replay

[@HeyFlutter]

Thank You @BoundaryBlitz-wh5ov! Follow this link: stackoverflow.com/questions/53572110/flutter-push-notifications-even-if-the-app-is-closed I hope you will get your answer 🙂

[@Perar-gm8ur]

Nice info to be importart🤚

[@HeyFlutter]

Glad you liked it, @Perar-gm8ur 😀

[@ramkumarg.1176]

My app is running in background or kill stage. Click on Notification, OneSignal.Notifications.addClickListener. Does not listen when the app is in background state. How can I fix this?

[@HeyFlutter]

We'll include it in our future ideas-thank you!

[@marwanalaghbry1171]

why one signal is better option 😅 I don't see any reason to use it instead of firebase cloud messaging

[@HeyFlutter]

Thank you for your Feedback 👍, You can checkout the documentation of the OneSignal,there are a lot of features that you can use, Which we havent covered with in the video. 👉 Here's the link: documentation.onesignal.com/

[@edwardrodriguez7472]

we will be using onesignal and not firebase... later: we will need to install firebase 😂😂

[@زلزال-س3ر]

Yes onesignal itself uses firebase it is not independent

[@justanaveragebalkan]

But you can now pay both firebase and onesignal... that's the feature that you're missing mate.

[@زلزال-س3ر]

@@justanaveragebalkan what do u mean by pay both.. Its been a long time I havent used onesignal and fcm

[@shashwat_dubey_]

@@زلزال-س3ر that was sarcasm i guess.

[@HeyFlutter]

Thank you for your Feedback 👍, You can checkout the documentation of the OneSignal, there are a lot of features that you can use, Which we havent covered with in the video. 👉 Here's the link: documentation.onesignal.com/

[@edward9876]

super easy wow .......

[@HeyFlutter]

Thank you

[@fuzailraza5750]

Is notifications are free to send and what is the limit I mean if have 5 million users and I want to send to multiple users then how can I achieve this and how can I use this with backend like c# or laravel or any other and I think I missed the part or you don't conver what about fcm token which I store it in database I guess we need it.

[@HeyFlutter]

Hey @fuzailraza5750 😀 notifications are free to send even when they are from firebase.

[@DionyshsHliopoylos]

The Cloud Messaging API (Legacy) API you are using isnt available anymore it says failed to load

[@HeyFlutter]

Thanks for your feedback, @DionyshsHliopoylos! 🙂

[@ssurya9242]

Will it work for ios also?? If yes please create a video for the same

[@HeyFlutter]

Hey @ssurya9242 😀 it'll work for iOS also using the same steps.

[@ssurya9242]

@@HeyFlutter thanks

[@uspatihstudio]

can u make a notification page user can see and read all push notifi message and can delet ?

[@HeyFlutter]

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

[@uspatihstudio]

@@HeyFlutter i have ready make.. if u want i can give u SC...

[@uspatihstudio]

@@HeyFlutter i want request for sound notif on onesignal.. can u?

[@khoadangkhoadang6323]

Can you do a tutorial with the Firebase Cloud Messaging API? I don't find Cloud Messaging when I enable Cloud Messaging API (Legacy)Disabled in Firebase console.

[@IVisionInfotech]

i have a same issue found.

[@saazhsh531]

I had the same problem. But just generate the service account key, it works.

[@yusufnadaroglu4108]

@@saazhsh531 How did you do that, could you write the steps?

[@saazhsh531]

@@yusufnadaroglu4108 1 - Make sure you connect your Firebase project to your app in the code. 2 - Then in the Firebase console, in principle, "Firebase Cloud Messaging API (V1)" is already activated with a service account linked to it. (if this is not the case, click on "Manage API in the Google Cloud console" which is in the options just to the right of "Firebase Cloud Messaging API (V1)". 3 - On the service account tab, you choose Node.js and you simply generate a new private key. This is the generated json that must be used on the OneSignal side. That's all.

[@saazhsh531]

@@yusufnadaroglu4108 1 - Make sure you connect your Firebase project to your app in the code. 2 - Then in the Firebase console, in principle, "Firebase Cloud Messaging API (V1)" is already activated with a service account linked to it. (if this is not the case, click on "Manage API in the Google Cloud console" which is in the options just to the right of "Firebase Cloud Messaging API (V1)". 3 - On the service account tab, you choose Node.js and you simply generate a new private key. This is the generated json that must be used on the OneSignal side. That's all.

[@quochoangang6014]

My app work fine on emulator but when I build apk on mobile. Notification doesn't have "Restored" and "Miscellaneous" permission. How to fix???

[@HeyFlutter]

Thank You @quochoangang6014! Follow this link: developer.android.com/studio/releases/emulator I hope you will get your answer 🙂

[@himanshudevgade3532]

In my firebase account when i am trying to enable clould messaging api it is showing error failed to load. what should i do now ?

[@HeyFlutter]

Hey @himanshudevgade3532 😀 possible to share more details on the issue faced?

[@himanshudevgade3532]

@@HeyFlutter hey i got solution with firebase admin sdk file i generated that file and used that.

[@himanshudevgade3532]

@@tarun6695 check there in service account section there is firebase admin SDK check that

[@osamahtajal-deen9389]

What is the point of using one signal and it must use firebase , I can use firebase alone what will be the difference?

[@HeyFlutter]

Thank you, @osamahtajal-deen9389! 🙂. Please read the official docs to read more about OneSignal here: documentation.onesignal.com/

[@royalscart6613]

How to set notification expire time example : one user turn off internet and next day turn on but notification is to send yesterday offer so next day its dont send . How

[@HeyFlutter]

Thank You @royalscart6613! Follow this link: github.com/firebase/quickstart-android/issues/1007 I hope you will get your answer 🙂

[@حاتمأمحمد-د6د]

The FCM Cloud Messaging (legacy) API is deprecated, and its activation is unnecessary.

[@HeyFlutter]

Thanks for updating, @user-qc2yb7ki9y! 🙂

[@seetheworld3839]

Couldn't understand! Will you please elaborate?

[@shadman.othman]

This is best video i have ever seen about push notification thanks alot🩵

[@HeyFlutter]

Glad you liked it, @shadman.othman 😀

[@tutosolve]

When i get notifications, but don't have sound . How can i fix this?

[@HeyFlutter]

Thank You @tutosolve! Follow this link: stackoverflow.com/questions/69014546/flutter-local-notification-sound-not-working#:~:text=You%20have%20to%20go%20to,and%20it%20will%20work%20fine. I hope you will get your answer 🙂

[@DipawaliParmar]

when i click on notification every time open link why..please any suggestions

[@HeyFlutter]

Thank you, @DipawaliParmar! 🙂. Please try to provide enough details with your question.

[@metrendysister]

I am trying to enable cloud messaging but i can not find where to enable it, So, please help me.

[@HeyFlutter]

Thank you, @codeheck! 🙂. Please watch the video attentively.

[@hadigouas9630]

but now the legacy option is disabled what we can do

[@HeyFlutter]

Hey @hadigouas9630 😀 you can try generating the service account key

[@venomcarnagedx]

no need to use OneSignal why i am making another config with something uses firebase to send message not from own

[@HeyFlutter]

Thank you, @venomcarnagedx! 🙂

[@ganeshdas7933]

if its better than firebase then why using firebase?

why use this over firebase?

[@HeyFlutter]

Please refer to this comparison: onesignal.com/blog/firebase-vs-onesignal/ for better insights. I hope this may help you.

[@IVisionInfotech]

show error in this code DefaultFirebaseOptions in this line

[@HeyFlutter]

Hey @IVisionInfotech can you please share more details about what issue you are facing?

[@KhizarSiddiqui-KHS]

try to use this instead: Firebase.initializeApp( options: FirebaseOptions( apiKey: "api-key", appId: "app-id", messagingSenderId: "senderId(can be found from project settings firebase)", projectId: "project-id"), );

[@olaaelfatihsalihezat5808]

Great video, when the app closed , the app does not open when i click on notification.

[@HeyFlutter]

Thank You @olaaelfatihsalihezat5808! Follow this link: github.com/OneSignal/OneSignal-Flutter-SDK/issues/488 I hope you will get your answer 🙂

[@olaaelfatihsalihezat5808]

@@HeyFlutter Thanks for your answer , but does not fix my problem🥲

[@rebazjabar7660]

That is cool

[@HeyFlutter]

Thank you, @rebazjabar7660! 🙂

[@justinthomas5845]

Cloud messaging API is deprecated What to do?

[@HeyFlutter]

Hey @justinthomas5845 😀 you can try generating the service account key

[@affanmurtaza7529]

Nice, but what about IOS?

[@HeyFlutter]

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

[@timeless-JAT]

Even not opening the app kn tap a notification. Rest is 👍

[@HeyFlutter]

We'll include it in our future ideas-thank you!

[@shashwat_dubey_]

please remove the background music.

[@HeyFlutter]

Thanks for your feedback, @shashwat_dubey_! 🙂

[@phantomslayer9714]

Please don’t , I love it 😢

[@loveleshagrahari3875]

I think this is your first video on KZbin in which you have used AI voice.

[@HeyFlutter]

Hey @loveleshagrahari3875 😀 AI is trending these days, thought of to give it a try

[@hah407]

legacy is deprecated

[@HeyFlutter]

Thanks for your feedback, @hah407! 🙂

[@KaranPalav]

But how to make it automotic dont want to manually send from the one signal is it possible?

[@HeyFlutter]

Thank You @KaranPalav! Follow this link: stackoverflow.com/questions/75662347/recurring-notifications-onesignal-api-flutter I hope you will get your answer 🙂

[@Criaapp-oficial]

IOS plis

[@HeyFlutter]

Thank you, @Criaapp-oficial! 🙂

[@arv2op308]

Using listener in build method ☠️

[@HeyFlutter]

Glad you liked it, @arv2op308 😀

[@mbulelopani7569]

there are inconsistencies when subscribing android devices. Sometimes a device becomes unsubscribed and almost never subscribes again no matter how much i restart the app. Is there a way to make initialisation more robust?

[@HeyFlutter]

Thank you, @mbulelopani7569! 🙂. Please try to provide enough details with your question.