Firebase App Check

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

UpdatedMarch 25, 2026

•1 min read

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!

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

https://youtu.be/bpTw4aMxCU8

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
});