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

Sdílet
Vložit
  • čas přidán 18. 06. 2024
  • Welcome to our exciting Flutter tutorial on implementing OneSignal push notifications in your Flutter app! Get ready to elevate your app's user engagement to the next level.
    In this comprehensive and interactive guide, we'll walk you through the process step by step, ensuring you can integrate OneSignal notifications seamlessly into your Flutter project.
    Also Checkout :
    👉 Join 12-Week Flutter Training: heyflutter.com
    👉 Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDN...
    👉 Source Code: github.com/HeyFlutter-Public/...
  • Zábava

Komentáře • 78

  • @HeyFlutter
    @HeyFlutter  Před měsícem

    👉 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

  • @manishkarki8119
    @manishkarki8119 Před měsícem +1

    Such a valuable content❤

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Thanks, @manishkarki8119! 🙂

  • @AppForgeTech
    @AppForgeTech Před měsícem

    Cooll ❤‍🔥🔥🔥 thanks a lot

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Glad you liked it, @AppForgeTech 😀

  • @ugochukwuumerie6378
    @ugochukwuumerie6378 Před měsícem +2

    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
      @HeyFlutter  Před měsícem

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

  • @EmmanuelRAKOTOSON
    @EmmanuelRAKOTOSON Před 10 dny

    Good tutorial

    • @HeyFlutter
      @HeyFlutter  Před 8 dny

      Thank you, @EmmanuelRAKOTOSON! 🙂

  • @rebazjabar7660
    @rebazjabar7660 Před měsícem

    That is cool

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Thank you, @rebazjabar7660! 🙂

  • @TBRAK78
    @TBRAK78 Před 10 dny

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

  • @Perar-gm8ur
    @Perar-gm8ur Před měsícem

    Nice info to be importart🤚

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Glad you liked it, @Perar-gm8ur 😀

  • @bilalbakr7817
    @bilalbakr7817 Před měsícem +1

    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
      @HeyFlutter  Před měsícem +1

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

  • @marwanalaghbry1171
    @marwanalaghbry1171 Před měsícem +3

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

    • @HeyFlutter
      @HeyFlutter  Před měsícem +1

      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/

  • @shadman.othman
    @shadman.othman Před 22 dny

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

    • @HeyFlutter
      @HeyFlutter  Před 21 dnem +1

      Glad you liked it, @shadman.othman 😀

  • @KaranPalav
    @KaranPalav Před 4 dny

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

    • @HeyFlutter
      @HeyFlutter  Před 2 dny

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

  • @quochoangang6014
    @quochoangang6014 Před 3 dny

    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
      @HeyFlutter  Před 2 dny +1

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

  • @olaaelfatihsalihezat5808

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

    • @HeyFlutter
      @HeyFlutter  Před 2 dny

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

  • @uspatihstudio
    @uspatihstudio Před 2 dny

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

    • @HeyFlutter
      @HeyFlutter  Před 2 hodinami

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

  • @khoadangkhoadang6323
    @khoadangkhoadang6323 Před měsícem

    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
      @IVisionInfotech Před měsícem

      i have a same issue found.

    • @saazhsh531
      @saazhsh531 Před měsícem

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

    • @yusufnadaroglu4108
      @yusufnadaroglu4108 Před měsícem +1

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

    • @saazhsh531
      @saazhsh531 Před měsícem

      @@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
      @saazhsh531 Před měsícem

      @@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.

  • @malluvocalist1416
    @malluvocalist1416 Před 5 dny

    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
      @HeyFlutter  Před 2 dny

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

    • @malluvocalist1416
      @malluvocalist1416 Před 2 dny

      @@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

  • @ssurya9242
    @ssurya9242 Před měsícem

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

    • @HeyFlutter
      @HeyFlutter  Před měsícem +1

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

    • @ssurya9242
      @ssurya9242 Před měsícem

      @@HeyFlutter thanks

  • @royalscart6613
    @royalscart6613 Před měsícem

    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
      @HeyFlutter  Před měsícem +1

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

  • @codeheck
    @codeheck Před 25 dny

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

    • @HeyFlutter
      @HeyFlutter  Před 23 dny

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

  • @mbulelopani7569
    @mbulelopani7569 Před 27 dny

    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
      @HeyFlutter  Před 23 dny

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

  • @hadigouas9630
    @hadigouas9630 Před měsícem

    but now the legacy option is disabled what we can do

    • @HeyFlutter
      @HeyFlutter  Před měsícem

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

  • @edwardrodriguez7472
    @edwardrodriguez7472 Před měsícem +10

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

    • @user-mj3dg2ln1b
      @user-mj3dg2ln1b Před měsícem

      Yes onesignal itself uses firebase it is not independent

    • @justanaveragebalkan
      @justanaveragebalkan Před měsícem

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

    • @user-mj3dg2ln1b
      @user-mj3dg2ln1b Před měsícem

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

    • @shashwat_dubey_
      @shashwat_dubey_ Před měsícem

      @@user-mj3dg2ln1b that was sarcasm i guess.

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      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/

  • @user-qc2yb7ki9y
    @user-qc2yb7ki9y Před měsícem +1

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

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Thanks for updating, @user-qc2yb7ki9y! 🙂

    • @seetheworld3839
      @seetheworld3839 Před 16 dny

      Couldn't understand! Will you please elaborate?

  • @osamahtajal-deen9389
    @osamahtajal-deen9389 Před měsícem

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

    • @HeyFlutter
      @HeyFlutter  Před měsícem

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

  •  Před 16 dny

    why use this over firebase?

    • @HeyFlutter
      @HeyFlutter  Před 14 dny

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

  • @justinthomas5845
    @justinthomas5845 Před měsícem

    Cloud messaging API is deprecated
    What to do?

    • @HeyFlutter
      @HeyFlutter  Před měsícem

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

  • @IVisionInfotech
    @IVisionInfotech Před měsícem

    show error in this code DefaultFirebaseOptions in this line

    • @HeyFlutter
      @HeyFlutter  Před měsícem

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

    • @KhizarSiddiqui-KHS
      @KhizarSiddiqui-KHS Před 24 dny

      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"),
      );

  • @hah407
    @hah407 Před 10 dny

    legacy is deprecated

    • @HeyFlutter
      @HeyFlutter  Před 8 dny

      Thanks for your feedback, @hah407! 🙂

  • @loveleshagrahari3875
    @loveleshagrahari3875 Před 29 dny

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

    • @HeyFlutter
      @HeyFlutter  Před 28 dny

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

  • @shashwat_dubey_
    @shashwat_dubey_ Před měsícem +2

    please remove the background music.

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Thanks for your feedback, @shashwat_dubey_! 🙂