Skip to main content

Firebase App Check

Learn how to add Firebase App Check using reCAPTCHA v3, to your next website and block those malicious requests!

Updated Markdown
Firebase App Check

Original: https://codingcat.dev/post/firebase-app-check-web

Adding App Check

With just a few lines of code you can include app check into your website

import { initializeAppCheck, ReCaptchaV3Provider } from 'firebase/app-check';

if (import.meta.env.DEV) {
    // @ts-ignore
    self.FIREBASE_APPCHECK_DEBUG_TOKEN = true;
}

initializeAppCheck(app, {
    provider: new ReCaptchaV3Provider('6LdAIqQlAAAAAC4kq-bag4J-HmAAVe_pu7T75QOf'),
    isTokenAutoRefreshEnabled: true
});

Full Repo

You can clone the full repo from GitHub.

About the author

  • I’m the founder of CodingCatDev, where we create “Purrfect Web Tutorials” to teach the world how to turn their development dreams into reality. I am a professional full stack developer, and I am passionate about mentoring new developers and helping the community that has allowed me to live my development dreams. I firmly believe that anyone can learn to be a developer. The CodingCatDev team is here to help!

No comments yet. Be the first to comment.