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

Question

我已经尝试了 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 进行服务器端渲染。请帮忙。我做错了什么？

Answer 1

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

替换为:appCheck.activate('6LeatjUbAAAAAGn_iRsWgEFyf-lubXOUkaqyEJLJ');

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

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