{"id":733,"date":"2024-02-24T16:29:30","date_gmt":"2024-02-24T16:29:30","guid":{"rendered":"https:\/\/zerocodeskills.com\/?p=733"},"modified":"2024-02-24T16:29:31","modified_gmt":"2024-02-24T16:29:31","slug":"flutterflow-push-notifications-without-firebase","status":"publish","type":"post","link":"https:\/\/zerocodeskills.com\/flutterflow-push-notifications-without-firebase\/","title":{"rendered":"How to make Flutterflow push notifications with OneSignal ( without firebase )"},"content":{"rendered":"\n

Push notifications are essential for keeping users engaged and informed within mobile applications. <\/p>\n\n\n\n

While FlutterFlow seamlessly integrates with Firebase <\/a>Cloud Messaging for push notifications, many developers seek the versatility of custom notifications and services like One signal offers great value.\u00a0 <\/p>\n\n\n\n

In this tutorial, we’ll explore how to set up OneSignal push notifications in FlutterFlow using custom code, opening the door to automated notifications and targeted messaging.<\/p>\n\n\n\n

How to make Flutterflow push notifications with OneSignal<\/h2>\n\n\n\n

Onesignal gives you a dashboard to send notifications to your users easily and you can also work with api calls in flutterflow to programmatically send notifications.<\/p>\n\n\n\n

\"Flutterflow<\/figure>\n\n\n\n

Getting Started with OneSignal<\/h3>\n\n\n\n

Firstly, ensure you have a OneSignal account. Navigate to the OneSignal <\/a>dashboard and create a new app by following the prompts. Provide the necessary details, including your app’s name and the platform to select is (Google Android).\u00a0<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

To complete the setup, upload the Firebase service account JSON file obtained from the Firebase console (note: You need to set up a firebase project just to retrieve the json file even if you are using a different backend as a service like supabase) <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Set Up a firebase project then head access the Project overview >> project settings >> Service accounts >> then hit the generate new private key setting. Download the key and upload it on onesignal.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

In the next step select Flutter as the project type. This process generates a unique OneSignal app ID, crucial for integrating push notifications into your FlutterFlow app.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Implementing OneSignal in FlutterFlow<\/h3>\n\n\n\n

Moving to FlutterFlow<\/a>, access your project and proceed to the custom code section. Create a new custom code action named “OneSignal” and input the provided code snippet,<\/p>\n\n\n\n