{"id":82,"date":"2025-04-03T07:24:52","date_gmt":"2025-04-03T07:24:52","guid":{"rendered":"https:\/\/documentation.iqonic.design\/streamit-laravel\/?p=82"},"modified":"2026-01-29T10:21:06","modified_gmt":"2026-01-29T10:21:06","slug":"firebase-configuration","status":"publish","type":"post","link":"https:\/\/documentation.iqonic.design\/streamit-laravel\/firebase-configuration\/","title":{"rendered":"Firebase Configuration"},"content":{"rendered":"<div class=\"nolwrap\">\n<p>\ud83d\udd52\u00a0<strong>Estimated Reading Time<\/strong>: 5 minutes<\/p>\n\n\n\n<p>Setting up Firebase for your Streamit Laravel 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=\"768\" height=\"349\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration1.png\" alt=\"\" class=\"wp-image-362\" \/><\/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=\"768\" height=\"355\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration2.png\" alt=\"\" class=\"wp-image-363\" \/><\/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=\"768\" height=\"352\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration3.png\" alt=\"\" class=\"wp-image-364\" \/><\/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 the android icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"355\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration4.png\" alt=\"\" class=\"wp-image-365\" \/><\/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=\"768\" height=\"351\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration5.png\" alt=\"\" class=\"wp-image-366\" \/><\/figure>\n\n\n\n<p>3. After registering the app, you will receive the&nbsp;<strong>Google JSON file<\/strong>&nbsp;download it and save it to the android folder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"353\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration6.png\" alt=\"\" class=\"wp-image-367\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Set Up Firebase Authentication<a href=\"https:\/\/apps.iqonic.design\/documentation\/handyman-service-doc\/build\/docs\/getting-started\/app\/configuration\/firebase#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=\"1024\" height=\"471\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Authentication1.png\" alt=\"\" class=\"wp-image-741\" \/><\/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=\"1024\" height=\"531\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Authentication2.png\" alt=\"\" class=\"wp-image-740\" \/><\/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=\"950\" height=\"328\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Authentication3.png\" alt=\"\" class=\"wp-image-739\" \/><\/figure>\n\n\n\n<p>4. For Connecting Chat server<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on&nbsp;<strong>Setting<\/strong>&nbsp;tab<\/li>\n\n\n\n<li>Select&nbsp;<strong>Users Action<\/strong><\/li>\n\n\n\n<li>Disable&nbsp;<strong>&#8220;Email Enumeration Protection&#8221;<\/strong>&nbsp;option<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1308\" height=\"670\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Authentication4.png\" alt=\"\" class=\"wp-image-738\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Add SHA certificate fingerprints<\/strong><\/h2>\n\n\n\n<p><strong>SHA FINGERPRINT<\/strong><\/p>\n\n\n\n<p><strong>SHA-1 fingerprint<\/strong>&nbsp;is used as part of the OAuth 2.0 flow to verify the identity of the Android app.<br>It ensures that only authorized apps can authenticate users and access Firebase Authentication services securely.<\/p>\n\n\n\n<p><strong>SHA-256 fingerprint<\/strong>&nbsp;is used to enhance the security of authentication mechanisms provided by Firebase, such as Google Sign-In or Phone Authentication.<\/p>\n\n\n\n<p>We need SHA1 and SHA256 for variant &amp; config&nbsp;<code>Debug<\/code>&nbsp;and&nbsp;<code>Release<\/code><\/p>\n\n\n\n<p><strong>WHY SHA IS NEEDED?<\/strong><\/p>\n\n\n\n<p>SHA (Secure Hash Algorithm) fingerprints are used for authentication and security purposes. When you integrate Firebase services into your Android app, such as Firebase Authentication, Firebase Cloud Messaging (FCM), Firebase Dynamic Links, etc., you need to register your app&#8217;s digital fingerprint, typically its SHA-1 or SHA-256 hash, with the Firebase project<\/p>\n\n\n\n<p>Firebase Authentication uses SHA fingerprints to ensure the security of authentication requests. When you register your app with Firebase, you provide its SHA-1 or SHA-256 fingerprint. Firebase uses this fingerprint to authenticate communication between your app and the Firebase backend servers. This helps prevent unauthorized access to Firebase resources and enhances the security of user authentication.<\/p>\n\n\n\n<p>Follow these steps to add a SHA certificate fingerprint for your Firebase Android app initially or if you want to add an additional one:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/mobile-app\/how-to-generate-the-sha-in-android-studio\">How to Generate the SHA in Android Studio?<\/a><\/li>\n<\/ul>\n\n\n\n<p>1. In your Project settings, go to the Apps<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"773\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/fingerprint_Firebase1.png\" alt=\"\" class=\"wp-image-660\" \/><\/figure>\n\n\n\n<p>2. Select the Firebase Android app to which you want to add a SHA fingerprint<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"773\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/fingerprint_Firebase2.png\" alt=\"\" class=\"wp-image-661\" \/><\/figure>\n\n\n\n<p>3. Click Add fingerprint.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"773\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/fingerprint_Firebase3.png\" alt=\"\" class=\"wp-image-662\" \/><\/figure>\n\n\n\n<p>4. Enter or paste the SHA fingerprint, then click Save.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"773\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/fingerprint_Firebase4.png\" alt=\"\" class=\"wp-image-663\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Add iOS App With The Package Name In Firebase Console<\/strong><\/h2>\n\n\n\n<p>1.On the firebase console, click the ios icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"359\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration8.png\" alt=\"\" class=\"wp-image-369\" \/><\/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=\"768\" height=\"359\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration9.png\" alt=\"\" class=\"wp-image-370\" \/><\/figure>\n\n\n\n<p>3. After registering the app, you will receive the&nbsp;<strong>Google Service-Info.plist file<\/strong>&nbsp;download it and drag and drop to xcode as location shown in image here is the steps how to open ios in xcode.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select open another project.<\/li>\n\n\n\n<li>Open the ios directory within your app.<\/li>\n\n\n\n<li>Now, click on done button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"358\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration10.png\" alt=\"\" class=\"wp-image-371\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Enable Firebase Notification In Mobile For Both Android And IOS<\/strong><\/h2>\n\n\n\n<p><strong>INFO<\/strong><\/p>\n\n\n\n<p>After completing firebase configuration. Please make sure you complete the&nbsp;<a href=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/configurations-customization\/flutter-configuration\">Default Firebase configuration<\/a>&nbsp;steps in&nbsp;<a href=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/configurations-customization\/flutter-configuration\">Flutter Configuration<\/a>&nbsp;make sure you complete those steps before you proceed for this step.<\/p>\n\n\n\n<p><strong>For Firebase Details<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Obtain Firebase Service Account json file\n<ul class=\"wp-block-list\">\n<li>Click on Service accounts in the project Settings.<\/li>\n\n\n\n<li>Click on Generate new Private key Button and download the service json file.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration11.png\" alt=\"\" class=\"wp-image-372\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copy \u201cproject_id\u201d , \u201cprivate_key\u201d and \u201cclient_email\u201d from the generated json file<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"454\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration12.png\" alt=\"\" class=\"wp-image-373\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Firstly, go to the&nbsp;<strong>Admin Panel<\/strong>&nbsp;select the&nbsp;<strong>Mobile Setting<\/strong>&nbsp;\u2013&gt; Select&nbsp;<strong>App Configurations<\/strong>&nbsp;and enable to&nbsp;<strong>Firebase Notification<\/strong>&nbsp;Paste the values into respective fields.<\/li>\n\n\n\n<li>\u201cFirebase Key\u201d field add your Firebase Project Id<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"731\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration13.png\" alt=\"\" class=\"wp-image-374\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>For iOS Notification .p12 Certification:<a href=\"https:\/\/apps.iqonic.design\/documentation\/streamit-laravel-documentation\/build\/docs\/getting-started\/app\/configuration\/firebase#for-ios-notification-p12-certification\" target=\"_blank\" rel=\"noopener\">\u200b<\/a><\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create APNs Certificate, Please visit the below link and follow the link&nbsp;<a href=\"https:\/\/documentation.onesignal.com\/docs\/en\/ios-p12-generate-certificates#ios-p12-certificate-generation\" target=\"_blank\" rel=\"noreferrer noopener\">Click here&nbsp;<\/a>.<\/li>\n\n\n\n<li>Login into Firebase and select the your project.<\/li>\n\n\n\n<li>Go to the Project Settings and select the Cloud Messaging section.<\/li>\n\n\n\n<li>Scroll down and you can show Apple app configuration section and select your iOS build identifiers which you have used for the Specific App.<\/li>\n\n\n\n<li>You can get Upload APNs Certificates popup and drag or select your support.p12 certificate.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"594\" src=\"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-content\/uploads\/sites\/5\/2025\/04\/Firebase_Configuration14.png\" alt=\"\" class=\"wp-image-375\" \/><\/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>\ud83d\udd52\u00a0Estimated Reading Time: 5 minutes Setting up Firebase for your Streamit Laravel 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 [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":78,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-82","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"featured_image_src":null,"author_info":{"display_name":"laraveladminiq","author_link":"https:\/\/documentation.iqonic.design\/streamit-laravel\/author\/laraveladminiq\/"},"children":[],"_links":{"self":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":21,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/82\/revisions"}],"predecessor-version":[{"id":1712,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/82\/revisions\/1712"}],"up":[{"embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/posts\/78"}],"wp:attachment":[{"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/media?parent=82"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/categories?post=82"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.iqonic.design\/streamit-laravel\/wp-json\/wp\/v2\/tags?post=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}