firebase app check is not working with web client?

Question

I have followed the official firebase app check installation tutorial:

https://firebase.google.com/docs/app-check/web/recaptcha-enterprise-provider

And I'm only getting errors.

I created and setup firebase project
Added app check library to my app
copy pasted app check initialization for web:

const appCheck = initializeAppCheck(firebaseApp, {
  provider: new ReCaptchaEnterpriseProvider(
    "my_recaptcha_key_here"
  ),
  isTokenAutoRefreshEnabled: true, // Set to true to allow auto-refresh.
});

Enforced storage, enforced firestore from my console.

According to the tutorial, thats all you need to do.

RESULT:

Can't access anything from firestore, I get:

 @firebase/app-check: FirebaseError: AppCheck: ReCAPTCHA error. (appCheck/recaptcha-error).

When uploading to storage, I get:

@firebase/app-check: FirebaseError: AppCheck: Fetch server returned an HTTP error status. HTTP status: 403. (appCheck/fetch-status-error).

Why is this happening, I have done all the steps in the tutorial?

can you refer to the link : https://stackoverflow.com/a/70878289/15774176 is it helpful? — Divyani Yadav, Jun 13 '22 at 10:12
Do you have a typo at ```true,```, with an extra comma(```,```) — Gourav B, Jul 01 '22 at 17:32

score 6 · Answer 1 · answered Jul 01 '22 at 18:13

6

Please make sure that the App URL is added to the reCAPTCHA allowed domains list.

answered Jul 01 '22 at 18:13

Gourav B

864
5
17

firebase app check is not working with web client?

1 Answers1