Angular项目Firebase模拟器创建Installation时403权限拒绝问题

核心原因 #

你只配置了Auth服务连接模拟器，但Firebase Installations服务默认仍会请求生产环境，而生产环境的Installations需要严格的权限验证，因此触发403权限错误。要解决这个问题，必须显式将Installations服务也连接到本地模拟器。

修复步骤 #

1. 确认Firebase模拟器已启动Installations服务
   执行firebase emulators:start启动模拟器，查看控制台日志，确认包含类似Installations Emulator running at http://localhost:9099的输出（Firebase模拟器套件默认会共享9099端口处理多个服务）。

2. 在Angular项目中配置Installations模拟器连接
   在app-module.ts中添加Installations的模拟器配置，与Auth配置逻辑一致：

   • 先导入Installations相关方法：

     import { getInstallations, connectInstallationsEmulator } from '@firebase/installations';
     import { provideInstallations } from '@angular/fire/installations';
     

   • 然后在providers数组中添加配置项：

     provideInstallations(() => {
       const installations = getInstallations();
       if (environment.useEmulators) {
         // 端口与Auth模拟器保持一致
         connectInstallationsEmulator(installations, 'http://localhost:9099');
       }
       return installations;
     }),
     

3. 生效验证
   重启Angular开发服务器，清除浏览器缓存后重新测试，此时Installations请求会指向本地模拟器，无需生产环境权限即可创建Installation。

额外说明 #

Firebase的每个服务（Auth、Installations、Firestore等）都需要单独配置模拟器连接，不存在全局模拟器开关。只有显式为每个使用的服务调用对应的connectXXXEmulator方法，才能确保所有请求都指向本地模拟器。

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