如何在我的 Angular 12 应用程序中实现 firebase app-check

Posted 2023-03-13

【中文标题】如何在我的 Angular 12 应用程序中实现 firebase app-check

【英文标题】：How do I implement firebase app-check in my Angular 12 application

【发布时间】：2021-09-03 03:25:37

【问题描述】：

我已经尝试过this question 提供的解决方案

这是我的代码

// firebase-init.ts
import firebase from 'firebase/app';

import 'firebase/app-check';

import  environment  from 'src/environments/environment';

const app = firebase.initializeApp(environment.firebase);
const appCheck = app.appCheck();

appCheck.activate('6LeatjUbAAAAAGn_iRsWgEFyf-lubXOUkaqyEJLJ');

这是我对app.module.ts的导入

// app.module.ts
import './firebase-init'

我使用Angular Universal 进行服务器端渲染。 请帮忙。我做错了什么？

【参考方案1】：

从外观上看，您似乎正在使用 DEBUG TOKEN VALUE（在控制台中生成）。 尝试使用 reCaptcha 密钥，看看是否能解决问题。

替换这个： appCheck.activate('6LeatjUbAAAAAGn_iRsWgEFyf-lubXOUkaqyEJLJ');

有了这个： appCheck.activate('reCAPTCHA secret key');

提示：单击应用程序行而不是上下文菜单图标（三个点）。 它将向下滑动另一行，您可以在其中看到 reCaptcha 按钮。