{"id":155,"date":"2025-01-16T07:11:29","date_gmt":"2025-01-16T07:11:29","guid":{"rendered":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/?p=155"},"modified":"2025-02-16T08:24:02","modified_gmt":"2025-02-16T08:24:02","slug":"configuring-firebase","status":"publish","type":"post","link":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/2025\/01\/16\/configuring-firebase\/","title":{"rendered":"Configuring Firebase"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Before you do step change the package name, you must do this step for firebase project configuration<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vist Firebase console: <a href=\"https:\/\/console.firebase.google.com\">https:\/\/console.firebase.google.com<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-1024x486.avif\" alt=\"\" class=\"wp-image-156\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-1024x486.avif 1024w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-300x143.avif 300w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-768x365.avif 768w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image.avif 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Please register or log in first and then select create new project. In the dialog window enter the name of the project that will be created and the contents of the state and then click the create project to continue.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1) Add a new project<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2) Get started by adding firebase to your project. Select the flutter icon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3) The easiest way to get you started is to use the FlutterFire CLI.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before you continue, make sure to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Install the <a href=\"https:\/\/firebase.google.com\/docs\/cli?authuser=0&amp;hl=en#install_the_firebase_cli\">Firebase CLI<\/a> and log in (run <code>firebase login<\/code>)<\/li>\n\n\n\n<li>Create a Flutter project (run <code>flutter create<\/code>)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">4) In firebase CLI Install standalone binary and npm<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"287\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-43-1024x287.png\" alt=\"\" class=\"wp-image-157\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-43-1024x287.png 1024w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-43-300x84.png 300w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-43-768x215.png 768w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-43.png 1125w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"697\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-44-1024x697.png\" alt=\"\" class=\"wp-image-158\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-44-1024x697.png 1024w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-44-300x204.png 300w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-44-768x523.png 768w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-44.png 1110w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">5) Log in and test the Firebase CLI<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>firebase login\nfirebase projects:list<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">6) Install and run the FlutterFire CLI<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-45-1024x391.png\" alt=\"\" class=\"wp-image-159\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-45-1024x391.png 1024w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-45-300x114.png 300w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-45-768x293.png 768w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-45.png 1122w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">7) Initialize firebase<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"923\" height=\"516\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-46.png\" alt=\"\" class=\"wp-image-160\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-46.png 923w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-46-300x168.png 300w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-46-768x429.png 768w\" sizes=\"auto, (max-width: 923px) 100vw, 923px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Add your SHA1 Key<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add an <strong>SHA-1 key<\/strong> to your Firebase project for <strong>Google Login<\/strong>, follow these steps:<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: Get Your SHA-1 Key<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The method to retrieve your SHA-1 key depends on how you&#8217;re developing your app:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>For Debug SHA-1 (Android Studio)<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open a terminal in <strong>Android Studio<\/strong>.<\/li>\n\n\n\n<li>Run the following command: <code>.\/gradlew signingReport<\/code><\/li>\n\n\n\n<li>Look for <code>SHA1<\/code> under the <code>debug<\/code> section.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>For Release SHA-1 (Production APK)<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>If using a <strong>release keystore<\/strong>, run: <code>keytool -list -v -keystore path-to-keystore.jks -alias your-key-alias -storepass your-store-password -keypass your-key-password<\/code>\n<ul class=\"wp-block-list\">\n<li>Replace <code>path-to-keystore.jks<\/code> with your actual keystore file path.<\/li>\n\n\n\n<li>Replace <code>your-key-alias<\/code>, <code>your-store-password<\/code>, and <code>your-key-password<\/code> with your credentials.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"895\" height=\"242\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-47.png\" alt=\"\" class=\"wp-image-211\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-47.png 895w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-47-300x81.png 300w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-47-768x208.png 768w\" sizes=\"auto, (max-width: 895px) 100vw, 895px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>For Play Store (If Using App Signing by Google Play)<\/strong><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <strong>Google Play Console<\/strong>.<\/li>\n\n\n\n<li>Navigate to <strong>Setup > App Integrity<\/strong>.<\/li>\n\n\n\n<li>Copy the <strong>SHA-1 certificate fingerprint<\/strong>.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Add SHA-1 Key in Firebase Console<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Go to<\/strong> <a href=\"https:\/\/console.firebase.google.com\/\">Firebase Console<\/a>.<\/li>\n\n\n\n<li><strong>Select your project<\/strong>.<\/li>\n\n\n\n<li><strong>Click on the settings icon \u2699\ufe0f > Project settings<\/strong>.<\/li>\n\n\n\n<li><strong>Go to the \u201cGeneral\u201d tab<\/strong>.<\/li>\n\n\n\n<li><strong>Scroll down to \u201cYour apps\u201d<\/strong> and select the Android app you registered.<\/li>\n\n\n\n<li><strong>Under \u201cSHA certificate fingerprints,\u201d click \u201cAdd Fingerprint.\u201d<\/strong><\/li>\n\n\n\n<li><strong>Paste the SHA-1 key<\/strong> you obtained earlier.<\/li>\n\n\n\n<li><strong>Click Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Before you do step change the package name, you must do this step for firebase project configuration Vist Firebase console: https:\/\/console.firebase.google.com Please register or log in first and then select create new project. In the dialog window enter the name of the project that will be created and the contents of the state and then &hellip; <a href=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/2025\/01\/16\/configuring-firebase\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Configuring Firebase<\/span><\/a><\/p>\n","protected":false},"author":22,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-155","post","type-post","status-publish","format-standard","hentry","category-flutter"],"_links":{"self":[{"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/posts\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":3,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":215,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/posts\/155\/revisions\/215"}],"wp:attachment":[{"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}