如何在AngularFire中为本地模拟器禁用Firebase App Check？

一、通过环境变量控制App Check的启用状态 #

直接在本地开发环境完全禁用App Check，避免频繁生成调试令牌的麻烦，步骤如下：

1. 修改环境配置文件
   在本地开发用的environment.ts中添加开关配置：

export const environment = {
  // 原有配置（如Firebase配置等）
  enableAppCheck: false,
  appCheck: '你的reCAPTCHA V3密钥'
};

生产环境的environment.prod.ts中保持启用：

export const environment = {
  // 原有配置
  enableAppCheck: true,
  appCheck: '生产环境reCAPTCHA V3密钥'
};

2. 动态配置App Check模块
   在app.module.ts的imports数组中，根据环境变量决定是否加载App Check：

imports: [
  // 其他依赖模块
  ...(environment.enableAppCheck ? [
    provideAppCheck(() => {
      const appCheck = initializeAppCheck(getApp(), {
        provider: new ReCaptchaV3Provider(environment.appCheck),
        isTokenAutoRefreshEnabled: true,
      });
      return appCheck;
    })
  ] : [])
],

这样本地开发时App Check不会被初始化，也就不会生成调试令牌；生产环境正常启用验证。

二、错误提示翻译 #

控制台英文错误提示对应的中文翻译为：

这通常表明您的设备当前网络连接异常，客户端将以离线模式运行，直至成功连接到后端。

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