'How to use firebase App Check in a react.js web application?

So far I have declared the constant appCheck, as explained in the docs. It looks like this:

const appCheck = initializeAppCheck(app, {
  provider: new ReCaptchaV3Provider(siteKey // the recaptcha site key provided by google),
  isTokenAutoRefreshEnabled: true,
});

Moreover, I have enforced app check in the console for Firestore interaction. Whenever I am trying to interact with my Firestore database, I get rejected (permission not granted) and I can see in the console that I have 100% unverified requests. This indicates that the setup is working.

I can't really figure out how to complete the next step however, and wonder how I would enable verified Firestore interaction. How would I do that?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source