Add two different Firebase projects to my Flutter project

Question

I've created a flutter project 'example', and i want to add to firebase projects 'fire1' and 'fire2'. in the normal way adding firebase is by adding google-services.json and GoogleServices-Info.plist for IOS and Android. so how can I add two firebase in one flutter project?

Answer 1

You can try this by adding flavors in flutter

https://codewithandrea.com/articles/flutter-flavors-for-firebase-apps/

Answer 2

For connecting your Flutter app to a Firebase project, you can use:

flutterfire configure

Which, by default will add lib/firebase_option.dart file

If, for example, you want to integrate two separate firebase projects, one for dev and one for prod , you can make two directories:

lib/firebase/dev
lib/firebase/prod

Then run these separately:

flutterfire configure -p firebase-project-id-dev , -o lib/firebase/dev/firebase_options.dart

flutterfire configure -p firebase-project-id-prod , -o lib/firebase/prod/firebase_options.dart

Answer the upcoming questions for each command and make sure you see Firebase configuration file lib/firebase/prod/firebase_options.dart generated successfully to ensure your firebase_option has been created in the correct directory.

You can find your firebase-project-id in the firebase console: project overview > project setting > General > Project ID

BTW, here is some useful info about flutterfire configure [arguments]:

Usage: flutterfire configure [arguments]
-h, --help                                  Print this usage information.
-p, --project=<aliasOrProjectId>            The Firebase project to use for this command.
-e, --account=<email>                       The Google account to use for authorization.
-o, --out=<filePath>                        The output file path of the Dart file that will be generated with your Firebase configuration options.
                                            (defaults to "lib/firebase_options.dart")
-i, --ios-bundle-id=<bundleIdentifier>      The bundle identifier of your iOS app, e.g. "com.example.app". If no identifier is provided then an attempt will be made to automatically detect it from your "ios" folder (if it exists).
-m, --macos-bundle-id=<bundleIdentifier>    The bundle identifier of your macOS app, e.g. "com.example.app". If no identifier is provided then an attempt will be made to automatically detect it from your "macos" folder (if it
                                            exists).
-a, --android-app-id=<applicationId>        The application id of your Android app, e.g. "com.example.app". If no identifier is provided then an attempt will be made to automatically detect it from your "android" folder (if it
                                            exists).

Run "flutterfire help" to see global options.

Answer 3

As you mentioned normal way to create app, you can create Firebase app same way, using Firebase CLI and it will do work for you. all you need to do is create a second app too, but you need to specify name for second app. If you don't use name when an instance of Firebase is create by default Firebase project configured first is used. Or you can specify FirebaseOptions manually in main.dart as shown below.
Below is a code that will help you understand how you can use two separate Firebase projects in one app, or multiple projects as needed.

---

initMultipleApp() async {
  if (defaultTargetPlatform == TargetPlatform.android) {
    await Firebase.initializeApp(
        //Android app ID's from firebase console of project 1
        name: 'defaultApp',
        options: const FirebaseOptions(
          apiKey: 'youAPIKey',
          appId: 'youAppId',
          messagingSenderId: 'youMessagingSenderId',
          projectId: 'youProjectId',
          storageBucket: 'youStorageBucket',
        ));
  } else if (defaultTargetPlatform == TargetPlatform.iOS) {
    await Firebase.initializeApp(
        //iOS app ID's from firebase console of project 1
        name: 'defaultApp',
        options: const FirebaseOptions(
          apiKey: 'youAPIKey',
          appId: 'youAppId',
          messagingSenderId: 'youMessagingSenderId',
          projectId: 'youProjectId',
          storageBucket: 'youStorageBucket',
        ));
  }
  //initialize second app here
  if (defaultTargetPlatform == TargetPlatform.android) {
    await Firebase.initializeApp(
        //Android app ID's from firebase console of project 2
        name: 'secondApp',
        options: const FirebaseOptions(
          apiKey: 'youAPIKey',
          appId: 'youAppId',
          messagingSenderId: 'youMessagingSenderId',
          projectId: 'youProjectId',
          storageBucket: 'youStorageBucket',
        ));
  } else if (defaultTargetPlatform == TargetPlatform.iOS) {
    await Firebase.initializeApp(
        //iOS app ID's from firebase console of project 2
        name: 'secondApp',
        options: const FirebaseOptions(
          apiKey: 'youAPIKey',
          appId: 'youAppId',
          messagingSenderId: 'youMessagingSenderId',
          projectId: 'youProjectId',
          storageBucket: 'youStorageBucket',
        ));
  }
}

class Database {
  final FirebaseFirestore _firestore1 =
      FirebaseFirestore.instanceFor(app: Firebase.app('defualtApp'));  //use _firestore1 for data you want to fetch from 1st firebase project
  final FirebaseFirestore _firestore2 =
      FirebaseFirestore.instanceFor(app: Firebase.app('secondApp'));    //use _firestore2 for data you want to fetch from 2st firebase project
  //use _firestore1 and _firestore2 to access the database as needed
}

---

In the code above you will be assigning ID's manually that this CLI based code is doing

await Firebase.initializeApp(
options: DefaultFirebaseOptions
    .currentPlatform, //auto choose from firebase_options file present in lib folder
  );

What this DefaultFirebaseOptions does is create Firebase app based on platform during execution. This is handled in lib/firebase_options.dart file if you initialized Firebase using CLI. And if you manually added google-services.json file in Android folder and GoogleServices-info.plist file in iOS. They will also include similar ID's.