{"id":57,"date":"2025-07-21T06:47:53","date_gmt":"2025-07-21T06:47:53","guid":{"rendered":"https:\/\/documentation.iqonic.design\/prokit-flutter\/?p=57"},"modified":"2025-07-28T08:01:12","modified_gmt":"2025-07-28T08:01:12","slug":"firebase-configuration","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/prokit-flutter\/firebase-configuration\/","title":{"rendered":"\ud83d\udd25Firebase Configuration"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>\ud83d\udd52&nbsp;<strong>Estimated Reading Time<\/strong>: 2 minutes<br>\ud83d\udcc2&nbsp;<strong>Location<\/strong>: Configurations &amp; Customization \u2192 Firebase Configuration<\/p>\n\n\n\n<p>\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udccc<strong>&nbsp;What is this file for?<\/strong><\/h2>\n\n\n\n<p>This guide walks you through connecting your mobile application with Firebase for enabling key features like authentication, push notifications, and real-time services.<\/p>\n\n\n\n<p>\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udfe9 1. Create a New Firebase Project<\/h2>\n\n\n\n<p>1. Go to&nbsp;<a href=\"https:\/\/console.firebase.google.com\/\" target=\"_blank\" rel=\"noopener\">Firebase Console<\/a>.<\/p>\n\n\n\n<p>2. Click on&nbsp;<strong>\u201cAdd Project\u201d<\/strong>&nbsp;and create a new one (e.g., named&nbsp;<code>\"Example\"<\/code>).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-17.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-17.png\" alt=\"\" class=\"wp-image-380\" \/><\/a><\/figure>\n\n\n\n<p>3. After project creation, you\u2019ll see a dashboard like this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-18.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-18.png\" alt=\"\" class=\"wp-image-381\" \/><\/a><\/figure>\n\n\n\n<p>4. Navigate to&nbsp;<strong>Project Settings<\/strong>&nbsp;and set the&nbsp;<strong>Support Email<\/strong>&nbsp;under \u201cGeneral\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-19.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-19.png\" alt=\"\" class=\"wp-image-382\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udfe9 2. Add Your App to Firebase Console<\/h2>\n\n\n\n<p>1. On the Firebase dashboard, click the&nbsp;<strong>Android icon<\/strong>&nbsp;to register your app.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-20.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-20.png\" alt=\"\" class=\"wp-image-383\" \/><\/a><\/figure>\n\n\n\n<p>2. Enter your&nbsp;<strong>App Package Name<\/strong>&nbsp;(e.g.,&nbsp;<code>com.example.userApp<\/code>) and click&nbsp;<strong>Register App<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-21.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-21.png\" alt=\"\" class=\"wp-image-384\" \/><\/a><\/figure>\n\n\n\n<p>3. Once done,&nbsp;<strong>download&nbsp;<\/strong>the<strong>&nbsp;google-services.json<\/strong>&nbsp;file. Place this file inside your Flutter project at:&nbsp;<strong>android\/app\/google-services.json<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-22.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-22.png\" alt=\"\" class=\"wp-image-385\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udfe9 3. Set Up Firebase Authentication<\/h2>\n\n\n\n<p>1. In Firebase Console, go to:<br><strong>Build \u2192 Authentication \u2192 Get Started<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-23.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-23.png\" alt=\"\" class=\"wp-image-386\" \/><\/a><\/figure>\n\n\n\n<p>2. Enable the following sign-in methods:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Email\/Password<\/strong><\/li>\n\n\n\n<li><strong>Google Login<\/strong><\/li>\n\n\n\n<li><strong>Apple Sign-In<\/strong>&nbsp;(if needed)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-24.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-24.png\" alt=\"\" class=\"wp-image-387\" \/><\/a><\/figure>\n\n\n\n<p>3. Confirm that all selected login methods are enabled.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-25.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-25.png\" alt=\"\" class=\"wp-image-388\" \/><\/a><\/figure>\n\n\n\n<p id=\"block-88291e9d-e043-4c61-b217-ad23ef93cbf5\">\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udfe9 4. Add SHA Fingerprint (For Login Authorization)<\/h2>\n\n\n\n<p>\ud83d\udccc&nbsp;<strong>Why it\u2019s important?<\/strong><br>Google Login &amp; OTP Login require&nbsp;<strong>SHA Fingerprint<\/strong>&nbsp;to verify authenticity.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39 How to Add SHA Fingerprint:<\/h3>\n\n\n\n<p>1. Follow these steps if you didn\u2019t initially provide a SHA certificate fingerprint for your Firebase Android app or if you need to add an additional one:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to&nbsp;<strong>Project Settings \u2192 Your Apps &nbsp;card<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-26.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-26.png\" alt=\"\" class=\"wp-image-389\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the Firebase&nbsp;<strong>Android app<\/strong>&nbsp;to which you want to add a SHA fingerprint.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-27.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-27.png\" alt=\"\" class=\"wp-image-390\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click&nbsp;<strong>Add fingerprint<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-28.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-28.png\" alt=\"\" class=\"wp-image-391\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter or paste the SHA fingerprint, then&nbsp;<strong>click Save<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-29.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-29.png\" alt=\"\" class=\"wp-image-392\" \/><\/a><\/figure>\n\n\n\n<p>\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd39 How to Generate SHA Fingerprint from Android Studio:<\/h3>\n\n\n\n<p>Firebase requires&nbsp;<strong>two types of SHA keys<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Debug SHA<\/strong>&nbsp;(for testing)<\/li>\n\n\n\n<li><strong>Release SHA<\/strong>&nbsp;(for production)<\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udc49 Refer Android Studio tools or terminal commands to generate both.<\/p>\n\n\n\n<p>\ud83d\udcf8\u00a0<em><a href=\"https:\/\/documentation.iqonic.design\/prokit-flutter\/app-faqs\/how-to-generate-the-sha-in-android-studio\">How to generate SHA in Android studio<\/a><\/em><\/p>\n\n\n\n<p id=\"block-88291e9d-e043-4c61-b217-ad23ef93cbf5\">\u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udfe9 5. Enable Firebase Notifications (Android &amp; iOS)<\/h2>\n\n\n\n<p>This enables&nbsp;<strong>push notifications<\/strong>&nbsp;in the mobile app.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to&nbsp;<strong>Project Overview<\/strong>&nbsp;\u2192&nbsp;<strong>Project Settings<\/strong>&nbsp;\u2192&nbsp;<strong>General<\/strong><\/li>\n\n\n\n<li>Copy your&nbsp;<strong>Project ID from Firebase<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-30.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-30.png\" alt=\"\" class=\"wp-image-393\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\ud83d\udfe9 6. Get Firebase Service Account JSON File<\/h2>\n\n\n\n<p><strong>Obtain Firebase Service Account Json file<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on&nbsp;<strong>\u201cService accounts\u201d<\/strong>&nbsp;in the project Settings.<\/li>\n\n\n\n<li>Click on&nbsp;<strong>Generate new Private key<\/strong>&nbsp;Button and Download the service Json file.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-31.png\"><img decoding=\"async\" src=\"https:\/\/documentation.iqonic.design\/kivicare-pharma\/wp-content\/uploads\/sites\/16\/2025\/07\/image-31.png\" alt=\"\" class=\"wp-image-394\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u26a0\ufe0f Trouble Uploading JSON File?<\/h2>\n\n\n\n<p>If upload fails due to permission issue:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open your backend project<\/li>\n\n\n\n<li>Go to this path:&nbsp;<strong>storage\/app\/<\/strong><\/li>\n\n\n\n<li>Create a folder named:&nbsp;<strong>data<\/strong><\/li>\n\n\n\n<li>Place your&nbsp;<strong>service-account JSON<\/strong>&nbsp;file inside this folder<\/li>\n<\/ol>\n\n\n\n<p>\u2705&nbsp;<strong>SUCCESSFUL!!<\/strong><\/p>\n\n\n\n<p>Great! \ud83c\udf89 You have now successfully configured Firebase with your ProKit mobile app. Authentication, push notifications, and cloud services are now connected and ready to use.<\/p>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd52&nbsp;Estimated Reading Time: 2 minutes\ud83d\udcc2&nbsp;Location: Configurations &amp; Customization \u2192 Firebase Configuration \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 \u2013 [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"parent":52,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-57","post","type-post","status-publish","format-standard","hentry","category-prokit-flutter"],"featured_image_src":null,"author_info":{"display_name":"flutteradminiq","author_link":"https:\/\/documentation.iqonic.design\/prokit-flutter\/author\/flutteradminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":6,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/57\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/57\/revisions\/337"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/posts\/52"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/media?parent=57"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/categories?post=57"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/prokit-flutter\/wp-json\/wp\/v2\/tags?post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}