{"id":70,"date":"2025-04-22T12:16:03","date_gmt":"2025-04-22T12:16:03","guid":{"rendered":"https:\/\/documentation.iqonic.design\/pawlly\/?p=70"},"modified":"2025-06-14T04:55:17","modified_gmt":"2025-06-14T04:55:17","slug":"firebase-configuration","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/pawlly\/firebase-configuration\/","title":{"rendered":"Firebase Configuration"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>Setting up Firebase for your Pawlly Project<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Create A New Firebase Project<\/strong><\/h2>\n\n\n\n<p>1. We are creating the &#8220;Example&#8221; sample project.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1519\" height=\"769\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration1.png\" alt=\"\" class=\"wp-image-370\" \/><\/figure>\n\n\n\n<p>2. After completing the project, you will be presented with this type of dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1515\" height=\"766\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration2.png\" alt=\"\" class=\"wp-image-355\" \/><\/figure>\n\n\n\n<p>3. Go to the Project Settings and configure the Support Email.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1502\" height=\"763\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration3.png\" alt=\"\" class=\"wp-image-356\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Add App With The Package Name In Firebase Console<\/strong><\/h2>\n\n\n\n<p>1.On the Firebase console, click on the iOS and Android icons one by one. Steps 1, 2, and 3 have been displayed for iOS. Similarly, you need to select the Android icon and follow the same steps (1, 2, and 3).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1513\" height=\"768\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration4.png\" alt=\"\" class=\"wp-image-357\" \/><\/figure>\n\n\n\n<p>2. Enter Package Name (e.g., com.iqonic.example) and click on register app.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1583\" height=\"756\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration5.png\" alt=\"\" class=\"wp-image-358\" \/><\/figure>\n\n\n\n<p>3. For iOS, After registering the app, you will receive the GoogleService-Info.plist file, download it and save it to the ios\/runner. For android, After registering the app, you will receive the Google JSON file, download it and save it to the android\/app\/google-services.json .<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1565\" height=\"757\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration6.png\" alt=\"\" class=\"wp-image-359\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Set Up Firebase Authentication<a href=\"https:\/\/apps.iqonic.design\/documentation\/pawlly-doc\/build\/docs\/getting-started\/app-configuration\/configuration-&amp;-customization\/firebase-configuration#set-up-firebase-authentication\" target=\"_blank\" rel=\"noopener\">\u200b<\/a><\/strong><\/h2>\n\n\n\n<p>1.Go to Build -&gt; Authentication tab and click on Get started.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1514\" height=\"770\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration7.png\" alt=\"\" class=\"wp-image-360\" \/><\/figure>\n\n\n\n<p>2. Then select the Email\/Password, Google, Apple, and Phone Number one by one and enable them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1521\" height=\"763\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration8.png\" alt=\"\" class=\"wp-image-361\" \/><\/figure>\n\n\n\n<p>3. Re-check if all these 3 modes of authentication are enabled or not.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1520\" height=\"767\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration9.png\" alt=\"\" class=\"wp-image-362\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>SHA Fingerprint<\/strong><\/h2>\n\n\n\n<p><strong>INFO<\/strong><\/p>\n\n\n\n<p>SHA-1 fingerprint is a unique key generated for your PC that can be used for signing. It is important to have in the add Firebase as we are using Google Login and OTP Login, and to authorize these logins, we need a SHA Fingerprint certificate<\/p>\n\n\n\n<p>Add a SHA fingerprint to Firebase:<\/p>\n\n\n\n<p>1.Follow these steps if you didn&#8217;t 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>In your Project settings, go to the Your apps card.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"471\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration10.png\" alt=\"\" class=\"wp-image-363\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the Firebase Android app to which you want to add a SHA fingerprint.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration11.png\" alt=\"\" class=\"wp-image-364\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click Add fingerprint.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"466\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration12.png\" alt=\"\" class=\"wp-image-365\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter or paste the SHA fingerprint, then click Save.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"470\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration13.png\" alt=\"\" class=\"wp-image-366\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to generate the SHA from Android Studio:<\/strong><\/h2>\n\n\n\n<p><strong>THERE ARE TWO TYPES OF SHA FINGERPRINT, RELEASE SHA FINGERPRINT, AND DEBUG SHA FINGERPRINT. HERE WE WILL SEE HOW TO GENERATE BOTH TYPES OF SHA FINGERPRINT.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/documentation.iqonic.design\/pawlly\/app-faqs\/how-to-generate-the-sha-in-android-studio\">How to generate SHA in Android studio<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Enable Firebase Notification<\/strong><\/h2>\n\n\n\n<p>1.Open Firebase Project<\/p>\n\n\n\n<p>2. Click on Project Overview \u2013&gt; Settings \u2013 Cloud Messaging<\/p>\n\n\n\n<p>3. In Cloud Messaging API (Legacy), click the three dots and select&nbsp;<strong>\u201cManage in Google Cloud Console\u201d<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1559\" height=\"771\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration14.png\" alt=\"\" class=\"wp-image-367\" \/><\/figure>\n\n\n\n<p>4. After the page is successfully redirected, open the Firebase Console again and Refresh the Cloud Messaging tab to find the Server Key, copy that key and set it in Admin Panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1559\" height=\"771\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration15.png\" alt=\"\" class=\"wp-image-368\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Add Firebase Server Keys to Admin Panel<\/strong><\/h2>\n\n\n\n<p>1.Go to the Admin Panel, select the&nbsp;<strong>&#8220;Setting&#8221;<\/strong>&nbsp;option in the left sidebar under the System section.<\/p>\n\n\n\n<p>2. Select&nbsp;<strong>&#8220;App Configuration Setting&#8221;<\/strong>&nbsp;and enable Firebase Notification.<\/p>\n\n\n\n<p>3. Add your Firebase Web API Key (Server Key) and click on the &#8220;Save&#8221; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1559\" height=\"739\" src=\"https:\/\/documentation.iqonic.design\/pawlly\/wp-content\/uploads\/sites\/12\/2025\/04\/Firebase_Configuration16.png\" alt=\"\" class=\"wp-image-369\" \/><\/figure>\n\n\n\n<p><strong>SUCCESSFULL !!<\/strong><\/p>\n\n\n\n<p><strong><em>Great! You Have Successfully Configured Firebase!<\/em><\/strong><\/p>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Setting up Firebase for your Pawlly Project Create A New Firebase Project 1. We are creating the &#8220;Example&#8221; sample project. 2. After completing the project, you will be presented with this type of dashboard. 3. Go to the Project Settings and configure the Support Email. Add App With The Package Name In Firebase Console 1.On [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":66,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-70","post","type-post","status-publish","format-standard","hentry","category-pawlly"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/pawlly\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/pawlly\/wp-json\/wp\/v2\/posts\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/pawlly\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/pawlly\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/pawlly\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/pawlly\/wp-json\/wp\/v2\/comments?post=70"}],"version-history":[{"count":5,"href":"https:\/\/documentation.iqonic.design\/pawlly\/wp-json\/wp\/v2\/posts\/70\/revisions"}],"predecessor-version":[{"id":567,"href":"https:\/\/documentation.iqonic.design\/pawlly\/wp-json\/wp\/v2\/posts\/70\/revisions\/567"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/pawlly\/wp-json\/wp\/v2\/posts\/66"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/pawlly\/wp-json\/wp\/v2\/media?parent=70"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/pawlly\/wp-json\/wp\/v2\/categories?post=70"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/pawlly\/wp-json\/wp\/v2\/tags?post=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}