AngularFireAuth结合Ionic 5开发时iOS端登录功能失效问题求助

下面是针对你遇到的iOS打包后Firebase认证不生效问题的排查步骤和修复方案：

• 首先确认你已将Firebase控制台下载的GoogleService-Info.plist文件正确添加到XCode项目中：拖入项目根目录时必须勾选「Copy items if needed」选项，且文件中的Bundle ID要和你XCode项目的Bundle ID完全一致。web端用的配置文件对原生打包不生效，iOS端必须单独引入这个配置文件才能完成Firebase初始化。
• 检查Firebase Auth授权域名配置：进入Firebase控制台→你的项目→Authentication→设置→授权域名，将capacitor://localhost添加到列表中。Capacitor iOS应用默认使用这个自定义协议地址加载页面，不在授权列表内的话Firebase Auth会直接拒绝请求，浏览器端用的http://localhost默认在白名单内所以可以正常运行。
• 修复AuthService缺失的属性定义：你当前代码中调用的this.authService.isEmailVerified没有在AuthService中定义，会导致判断逻辑失效，在AuthService中补充如下getter：

get isEmailVerified(): boolean {
  const user = JSON.parse(localStorage.getItem('user'));
  return user?.emailVerified ?? false;
}

• 给异步回调添加NgZone包裹：Firebase的异步回调默认运行在Angular变更检测区域外，iOS端对区域上下文的检测比浏览器更严格，会导致路由跳转等操作看起来没有响应，修改login.page.ts的登录回调逻辑：

logIn(email, password) {
  this.authService.SignIn(email.value, password.value)
    .then((res) => {
      console.log('signing in from page');
      this.authService.ngZone.run(() => {
        if (this.authService.isEmailVerified) {
          this.router.navigate(['tabs']);
        } else {
          window.alert('Email is not verified');
        }
      });
    }).catch((error) => {
      console.log(error);
      window.alert(error.message);
    });
}

• 排查iOS ATS网络限制：如果上述操作都无效，可以临时在XCode项目的Info.plist中添加NSAllowsArbitraryLoads字段设为true，测试是否是ATS网络安全策略拦截了Firebase请求，确认问题后再针对性添加Firebase相关域名的白名单即可。

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