Register Flutter iOS and Android Apps Separately in Firebase

📅

loading..🐩🐩🐩🐩

Before We Begin 🔗

Firebase provides services including App Distribution, Authentication, Crashlytics, and Analytics. This guide shows how to register the iOS and Android versions of a Flutter app separately.

🖐️

Unless you have a specific reason to register the apps manually, use the Flutter workflow that registers both platforms together.

See how to register both apps together

1. Create a Firebase Project 🔗

Creating a Firebase project

Firebase project setup

Click 계속 (Continue) to create the project.

2. Register the Android App 🔗

After creating the project, add an app from Project Overview. Start with Android.

Registering an Android app

2.1. Enter the Package Name 🔗

Enter the app name and package name.

The original example looks for android.namespace in /android/app/src/build.gradle, or the package attribute in /android/app/src/main/AndroidManifest.xml, with com.example.promleeblog as an example. Use the application ID of the installed build if it differs from the namespace. We'll add the SHA-1 fingerprint later.

Entering the Android package name

2.2. Add the Configuration File 🔗

Download the configuration file and add it to the project. Use the directory structure below as a guide.

Downloading the Android configuration file

📦android
┣ 📂app
┃ ┣ 📂src
┃ ┃ ┣ 📂debug
┃ ┃ ┣ 📂main
┃ ┃ ┗ 📂profile
┃ ┣ 📜build.gradle
┗ ┗ 📜google-services.json // 구성 파일

Add the following code so the app can use the configuration file.

android/build.gradle

plugins {
	// ...
	id 'com.google.gms.google-services' version '4.4.2' apply false
}

android/app/build.gradle

plugins {
	// ...
  id 'com.android.application'
  id 'com.google.gms.google-services'
}
dependencies {
	// ...
  implementation platform('com.google.firebase:firebase-bom:33.9.0')
  implementation 'com.google.firebase:firebase-analytics'
}

That completes the Android setup. Next, register the iOS app.

3. Register the iOS App 🔗

Select the option to add an iOS app as shown below.

Registering an iOS app

3.1. Enter the Bundle ID 🔗

Enter the app name and bundle identifier. The bundle ID is the PRODUCT_BUNDLE_IDENTIFIER value in /ios/Runner.xcodeproj/project.pbxproj, for example com.example.promleeblog.

Entering the iOS bundle ID

3.2. Add the Configuration File 🔗

Download the configuration file and add it to the project, using the directory structure below.

Downloading the iOS configuration file

📦ios
┣ 📂Runner
┗ ┗ 📜GoogleService-Info.plist // 구성 파일

3.3. Add the Firebase SDK 🔗

Right-click the ios folder and open it in Xcode.

Opening the project in Xcode

With the project open, select File > Add Package Dependencies.

Adding package dependencies

Enter https://github.com/firebase/firebase-ios-sdk in the search field at the top right. Once the result appears, click Add Package, add FirebaseAnalytics to the Runner target, and click Add Package again.

Finding the Firebase iOS SDK package

Skip the native initialization code in step 4 and finish the wizard. For Flutter, put the initialization code in main.dart.

Conclusion 🔗

We registered the Android and iOS versions of a Flutter project separately in Firebase. You can now register your apps in the Firebase console and test them. Next time, we'll look at the Flutter workflow for registering both apps together.

Register Flutter iOS and Android Apps Separately in Firebase

Register Flutter iOS and Android Apps Separately in Firebase

Before We Begin 🔗

1. Create a Firebase Project 🔗

2. Register the Android App 🔗

2.1. Enter the Package Name 🔗

2.2. Add the Configuration File 🔗

3. Register the iOS App 🔗

3.1. Enter the Bundle ID 🔗

3.2. Add the Configuration File 🔗

3.3. Add the Firebase SDK 🔗

Conclusion 🔗

References 🔗