How to connect firebase with a flutter project




In this article, I will show you all the steps required for connection flutter to firebase.


Firebase is a powerful and popular cloud service that provides state-of-the-art features, like Real-time database, Cloud storage, Firestore, authentication, hosting, etc. The amazing thing is that Firebase simplifies its integration into different programming frameworks.


Google Firebase is a Google-backed application development software that enables developers to develop iOS, Android, and Web apps. Firebase provides tools for tracking analytics, reporting and fixing app crashes, and creating marketing and product experiment.

Firebase offers a number of services, including:

  • Analytics
  • Authentication
  • Cloud messaging
  • Realtime database
  • Crashlytics
  • Performance 

This article covers the following sub-topics:

🔹 Create a new Firebase account
🔹 Create a new Firebase project

Create a new Firebase account


Setting up an account is pretty easy. Just go to console.firebase.com, click on Get Started, and log in with your existing Google account. Otherwise, you need to create a new one.




🎉 And that’s it! Now, you need to create your first project.

Create a new project

Creating a project is done within a minute. Just follow these steps and have a look at the explaining images.

1. Click on Add project in your Firebase dashboard on console.firebase.com


Screenshot while adding a new firebase project by author

2. Choose a name for your project

3. You will be asked to enable Google Analytics but you can also disable it if you want


4. Please select account Default Accoumt



5 Add your project in firebase like android, ios, unity, etc.



6 Add Firebase to your Android app



7 How to generate SHA-1 Key 

    Click Here


8 Go to Flutter project in android studio and right click gradlew folder 


9 type command like windows os   gradlew signingReport |||||  and mac os type this command 
./gradlew signingReport 

short cut 

keytool -list -v -keystore C:\Users\Praveen\.android\debug.keystore -alias androiddebugkey -storepass android -keypass android





10 Show SHA-1 key in Console






11 Go to the firebase console and paste the SHA-1 key in the field then the register button click



After that, we can click on the ‘Register app’ button which will lead us to the interface where we can get the google-services.json file. This file will link our Flutter app to Firebase google services.

We then need to download the file and move it to the ./android/app directory of our Flutter project. These instructions are shown in the screenshot below:






12Add Firebase to your Android app


To make the google-services.json config values accessible to Firebase SDKs, you need the Google services Gradle plug-in.

Add the plug-in as a buildscript dependency to your project-level build.gradle file:

Root-level (project-level) Gradle file (<project>/build.gradle):

buildscript {
  repositories {
    // Check that you have the following line (if not, add it):
    google()  // Google's Maven repository
  }
  dependencies {
    ...
    // Add this line
    classpath 'com.google.gms:google-services:4.3.4'
  }
}

allprojects {
  ...
  repositories {
    // Check that you have the following line (if not, add it):
    google()  // Google's Maven repository
    ...
  }
}

13 Then, in your module (app-level) build.gradle file, add both the google-services plug-in and any Firebase SDKs that you want to use in your app:


plugins {

  id 'com.android.application'

 

  // Add the Google services Gradle plugin

  id 'com.google.gms.google-services'

  ...

}


apply plugin: 'com.android.application'

apply plugin: 'com.google.gms.google-services'

 

dependencies {

  // Import the Firebase BoM

  implementation platform('com.google.firebase:firebase-bom:30.3.2')

 

  // TODO: Add the dependencies for Firebase products you want to use

  // When using the BoM, don't specify versions in Firebase dependencies

  implementation 'com.google.firebase:firebase-analytics'

 

 

  // Add the dependencies for any other desired Firebase products

  // https://firebase.google.com/docs/android/setup#available-libraries

}


14 Finally Done !!









Comments

Post a Comment

Popular posts from this blog

Unlocking the Power of OOP: A Beginner's Guide to Objects, Encapsulation, Inheritance, Abstraction, and Polymorphism

Image
 OOPs (Object-Oriented Programming System) This article explains the fundamental concepts of OOP and its most significant advantages What is OOPs (Object Oriented Programming System)? Object-oriented programming System (OOPs) is defined as a programming paradigm (and not a specific language) built on the concept of objects, i.e., a set of data contained in fields, and code, indicating procedures – instead of the usual logic-based system. Key Concepts of OOP To understand and use object-oriented programming, it is necessary to know the following key concepts : 1. Class A class is a blueprint or template of an object. It is a user-defined data type. We define variables, constants, member functions, and other functionality inside a class. it binds data and functions together in a single unit. It does not consume memory at run time. Note that classes are not considered as a data structure. It is a logical entity. It is the best example of data binding. Note that a class can exist witho...
Read more

HTTP GET Response in Flutter

Model Class // To parse this JSON data, do // // final welcome = welcomeFromJson(jsonString); import 'dart:convert' ; List<Welcome> welcomeFromJson (String str) => List <Welcome>. from (json.decode(str).map((x) => Welcome . fromJson (x))) ; String welcomeToJson (List<Welcome> data) => json.encode( List < dynamic >. from (data.map((x) => x.toJson()))) ; class Welcome { Welcome({ required this . userId , required this . id , required this . title , }) ; int userId ; int id ; String title ; factory Welcome. fromJson (Map<String , dynamic > json) => Welcome ( userId: json[ "userId" ] , id: json[ "id" ] , title: json[ "title" ] , ) ; Map<String , dynamic > toJson () => { "userId" : userId , "id" : id , "title" : title , } ; } Main Class // Importing important packages require to connect // Flutter and Dart import ...
Read more

Building a Flutter Firebase Firestore CRUD App

    In this tutorial, we will walk you through the process of creating a Flutter application that performs CRUD (Create, Read, Update, Delete) operations on a list of items using Firebase Firestore. Firestore is a cloud-based NoSQL database provided by Firebase, and Flutter is a powerful open-source framework for building cross-platform mobile apps. By combining these technologies, you can create a real-time and cloud-synced list management app.  Prerequisites Before we start, ensure that you have the following prerequisites in place: Adding Dependencies First, we need to add the necessary dependencies to our Flutter project. Open your project's pubspec.yaml file and add the following dependencies: dependencies:   flutter:     sdk: flutter   firebase_core: ^latest_version   cloud_firestore: ^latest_version Replace latest_version with the actual latest versions of the firebase_core and cloud_firestore packages available on the Flutter packages webs...
Read more