How do I implement firebase app-check in my Angular 12 application

user_12751171 0
Viewed 856

I've tried the solutions provided in this question

Here's my code

// 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');

And here's my import to app.module.ts

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

I get this error after running the code

I'm using Angular Universal for Server Side Rendering. Please help. What I'm I doing wrong?

angular-universal angularfire angular firebase typescript
1 Answers

By the look of it it seems you are using the DEBUG TOKEN VALUE (generated in the console). Try using reCaptcha key and see if that resolves the issue.

Replace this: appCheck.activate('6LeatjUbAAAAAGn_iRsWgEFyf-lubXOUkaqyEJLJ');

With this: appCheck.activate('reCAPTCHA secret key');

Hint: click on the app row instead of context menu icon (three dots). It will slide down another row where you can see the reCaptcha button.

user_58350420
Related