React Native项目多Firebase项目实现FCM及动态替换配置咨询

核心思路 #

由于官方Firebase SDK明确不支持FCM多实例，我们需要绕开次级应用的限制，通过动态加载不同Firebase配置文件+原生层手动初始化的方式实现多FCM项目切换，再与RN层交互完成功能对接。

具体实现步骤 #

1. 准备多份配置文件 #

• Android：将四个项目的google-services.json分别重命名为google-services-project1.json、google-services-project2.json等，放置到android/app/src/main/assets/目录下。
• iOS：将四个项目的GoogleService-Info.plist重命名为GoogleService-Info-Project1.plist、GoogleService-Info-Project2.plist等，放置到ios/[你的项目名称]/目录下。

2. Android端适配 #

Android默认通过gradle插件自动合并google-services.json，要实现动态切换需放弃自动合并，手动处理配置初始化：

• 禁用自动合并：在android/app/build.gradle中移除apply plugin: 'com.google.gms.google-services'，但保留android/build.gradle中的插件依赖。
• 编写原生配置切换工具类FirebaseConfigSwitcher.java：

import com.google.firebase.FirebaseApp;
import com.google.firebase.FirebaseOptions;
import org.json.JSONObject;
import java.io.InputStream;
import android.content.Context;

public class FirebaseConfigSwitcher {
    public static void switchToProject(Context context, String projectName) throws Exception {
        // 销毁已存在的Firebase实例
        for (FirebaseApp app : FirebaseApp.getApps(context)) {
            app.delete();
        }
        // 读取指定配置文件
        InputStream is = context.getAssets().open("google-services-" + projectName + ".json");
        int size = is.available();
        byte[] buffer = new byte[size];
        is.read(buffer);
        is.close();
        JSONObject json = new JSONObject(new String(buffer, "UTF-8"));
        
        JSONObject projectInfo = json.getJSONObject("project_info");
        JSONObject client = json.getJSONArray("client").getJSONObject(0);
        JSONObject clientInfo = client.getJSONObject("client_info");
        JSONObject apiKey = client.getJSONArray("api_key").getJSONObject(0);

        FirebaseOptions options = new FirebaseOptions.Builder()
                .setApplicationId(clientInfo.getString("mobilesdk_app_id"))
                .setApiKey(apiKey.getString("current_key"))
                .setProjectId(projectInfo.getString("project_id"))
                .setMessagingSenderId(projectInfo.getString("messaging_sender_id"))
                .build();
        // 初始化默认Firebase实例
        FirebaseApp.initializeApp(context, options);
    }
}

• 编写RN桥接模块FirebaseFCMSwitchModule.java，暴露切换方法给JS层：

import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.Promise;

public class FirebaseFCMSwitchModule extends ReactContextBaseJavaModule {
    public FirebaseFCMSwitchModule(ReactApplicationContext reactContext) {
        super(reactContext);
    }

    @Override
    public String getName() {
        return "FirebaseFCMSwitch";
    }

    @ReactMethod
    public void switchProject(String projectName, Promise promise) {
        try {
            FirebaseConfigSwitcher.switchToProject(getReactApplicationContext(), projectName);
            promise.resolve(true);
        } catch (Exception e) {
            promise.reject("SWITCH_ERROR", e.getMessage());
        }
    }
}

3. iOS端适配 #

iOS默认在启动时加载GoogleService-Info.plist，需通过原生代码动态切换配置：

• 编写Swift配置切换工具类FirebaseConfigSwitcher.swift：

import Firebase

class FirebaseConfigSwitcher {
    static func switchToProject(projectName: String) throws {
        // 删除已存在的Firebase实例
        FirebaseApp.app()?.delete()
        // 加载指定配置文件
        guard let plistPath = Bundle.main.path(forResource: "GoogleService-Info-\(projectName)", ofType: "plist"),
              let options = FirebaseOptions(contentsOfFile: plistPath) else {
            throw NSError(domain: "FirebaseSwitchError", code: 1, userInfo: [NSLocalizedDescriptionKey: "配置文件加载失败"])
        }
        FirebaseApp.configure(options: options)
    }
}

• 编写RN桥接模块FirebaseFCMSwitchModule.swift：

import React
import Foundation

@objc(FirebaseFCMSwitchModule)
class FirebaseFCMSwitchModule: NSObject, RCTBridgeModule {
    static func moduleName() -> String {
        return "FirebaseFCMSwitch"
    }

    static func requiresMainQueueSetup() -> Bool {
        return true
    }

    @objc func switchProject(_ projectName: String, resolver resolve: @escaping RCTPromiseResolveBlock, rejecter reject: @escaping RCTPromiseRejectBlock) {
        DispatchQueue.main.async {
            do {
                try FirebaseConfigSwitcher.switchToProject(projectName: projectName)
                resolve(true)
            } catch let error as NSError {
                reject("SWITCH_ERROR", error.localizedDescription, error)
            }
        }
    }
}

4. React Native层封装调用 #

• 注册原生模块后，在JS层封装切换函数：

import { NativeModules } from 'react-native';
import { messaging } from '@react-native-firebase/messaging';

const { FirebaseFCMSwitch } = NativeModules;

export const switchFirebaseFCMProject = async (projectName) => {
  try {
    await FirebaseFCMSwitch.switchProject(projectName);
    // 切换后重新获取FCM令牌，确保使用当前项目配置
    const newToken = await messaging().getToken();
    console.log(`切换到${projectName}成功，新FCM令牌：${newToken}`);
    return newToken;
  } catch (error) {
    console.error('FCM项目切换失败：', error);
    throw error;
  }
};

• 使用时直接调用switchFirebaseFCMProject('project1')即可切换到对应项目的FCM服务。

关键注意事项 #

• 切换项目前必须销毁已存在的FirebaseApp实例，否则会出现初始化冲突。
• 每次切换后需重新获取FCM令牌，旧令牌会立即失效。
• 确保每个项目的包名（Android）/Bundle ID（iOS）与配置文件中的对应字段完全一致，否则FCM无法完成注册。
• Android端需确保assets目录下的配置文件能被正常读取，可在gradle中配置assets目录的打包规则。

内容的提问来源于stack exchange，提问作者Rostyk Lytvyn