如何将多个项目连接到同一Firestore？Angular环境遇API启用报错

嘿，我来帮你解决这个问题！先搞定你遇到的Firestore API未启用错误，再一步步教你怎么让多个项目连接同一个Firestore实例。

你看到的ERROR Error: The Cloud Firestore API is not enabled for the project [project name]，本质是你的客户端Firebase项目还没开启Cloud Firestore API，解决步骤超简单：

• 打开Firebase控制台，选中你的客户端项目
• 点击左侧菜单栏的「API和服务」→「库」（或者直接搜“Cloud Firestore API”）
• 找到Cloud Firestore API后，点击「启用」按钮
  等个几分钟让API生效，重启客户端应用，这个错误就会消失啦。

和实时数据库的思路类似，核心是让非主项目（比如你的客户端）手动配置连接参数，指向管理端的Firestore实例。下面分两种场景给你具体操作：

场景1：客户端直接替换为管理端的Firestore #

如果客户端不需要自己的Firestore，只想用管理端的，直接改配置就行：

1. 找到Angular项目里的environment.ts（生产环境用environment.prod.ts），把firebase配置中的projectId和databaseURL替换成管理端项目的对应值（Firestore的databaseURL格式是https://[管理端项目ID].firestore.googleapis.com）
2. 确保管理端的Firestore规则允许客户端访问：去管理端Firebase控制台→「Firestore数据库」→「规则」，调整规则（比如允许认证用户访问，测试阶段可以暂时开放）

场景2：客户端同时连接自己的Firebase和管理端的Firestore #

如果客户端需要用自己的Auth、Storage等服务，同时访问管理端的Firestore，可以初始化第二个Firestore实例：

1. 在Angular项目的Firebase配置文件中，新增管理端的配置：

import { initializeApp } from '@angular/fire/app';
import { getFirestore } from '@angular/fire/firestore';

// 客户端自身的Firebase配置
const clientFirebaseConfig = {
  apiKey: "你的客户端API密钥",
  authDomain: "你的客户端Auth域名",
  projectId: "你的客户端项目ID",
  // 其他配置...
};

// 管理端的Firebase配置（指向要共享的Firestore）
const adminFirebaseConfig = {
  apiKey: "管理端项目的API密钥",
  authDomain: "管理端项目的Auth域名",
  projectId: "管理端项目ID",
  databaseURL: "https://管理端项目ID.firestore.googleapis.com",
  // 其他配置...
};

// 初始化两个独立的Firebase App实例
const clientApp = initializeApp(clientFirebaseConfig, 'client-app');
const adminApp = initializeApp(adminFirebaseConfig, 'admin-app');

// 获取对应的Firestore实例
export const clientFirestore = getFirestore(clientApp);
export const adminFirestore = getFirestore(adminApp);

2. 在组件中注入并使用管理端的Firestore：

import { Component } from '@angular/core';
import { collection, collectionData } from '@angular/fire/firestore';
import { adminFirestore } from '../path-to-your-config';

@Component({
  selector: 'app-admin-firestore-example',
  templateUrl: './example.component.html',
})
export class AdminFirestoreExampleComponent {
  items$ = collectionData(collection(adminFirestore, '管理端的集合名称'));
}

关键权限提醒 #

不管哪种方式，一定要注意管理端Firestore的规则配置：

• 生产环境绝对不要开放全读写权限，最好基于认证用户或自定义角色控制访问
• 测试阶段可以暂时用这个规则（测试完记得改回严格规则）：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if true;
    }
  }
}

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