Using with Angular 17 SSR -> document is not defined on initializeAppCheck #3488

Activity

1. jamesdaniels commented on Jan 6, 2024

   

   jamesdaniels

   on Jan 6, 2024

   Contributor

   More actions

   It's older Angular but here's an example on how to use AppCheck with SSR

   angularfire/samples/advanced/src/app/app.module.ts

   Line 46 in 8157744

   const admin = injector.get<app.App|null>(FIREBASE_ADMIN, null);
2. jjgriff93 commented on Jan 6, 2024

   

   jjgriff93

   on Jan 6, 2024

   Author

   More actions

   Thanks James, I've managed to work around it for now by using isPlatformServer()

   provideAppCheck(() => {
         // Don't initialise AppCheck if running in server
         // Workaround for https://github.com/angular/angularfire/issues/3488
         const platformId = inject(PLATFORM_ID);
         if (isPlatformServer(platformId)) {
           return;
         }
   
         let provider: CustomProvider | ReCaptchaV3Provider;
   
         // Initialise AppCheck natively if running on iOS or Android
         if (Capacitor.isNativePlatform()) {
           // Set the web debug token to false if running on native
           globalThis.FIREBASE_APPCHECK_DEBUG_TOKEN = false;
           provider = new CustomProvider({
             getToken: () =>
               FirebaseAppCheck.getToken({
                 forceRefresh: true
               }) as Promise<AppCheckToken>
           });
         } else {
           // Or use ReCAPTCHAv3 if running in web
           provider = new ReCaptchaV3Provider(
             environment.firebase.recaptchaSiteKey
           );
         }
   
         // Initialise AngularFire app check using provider
         const appCheck = initializeAppCheck(getApp(), {
           provider: provider
         });
         return appCheck;
       }),

   Although now hitting a similar issue with Performance which the above doesn't seem to work for, so will raise that as a separate ticket

   👍React with 👍1Reacted by Lukáš Prudil
3. jjgriff93 commented on Jan 6, 2024

   

   jjgriff93

   on Jan 6, 2024

   Author

   More actions

   Raised in #3489
4. armando-navarro

   added

   comp: app-checkApp Check (src/app-check).App Check (src/app-check).

   comp: ssrServer-side rendering, hydration, @angular/ssr interop.Server-side rendering, hydration, @angular/ssr interop.

   type: bugDefect: expected behavior doesn't happen.Defect: expected behavior doesn't happen.

   version: current (v17+)Targets the current modular API (v17+).Targets the current modular API (v17+).

   on Sep 25, 2026
5. armando-navarro

   closed this as completedin #3773on Sep 27, 2026
6. armando-navarro

   added a commit that references this issue on Sep 27, 2026

   fix(app-check)!: skip App Check during server rendering by default (a…

   ...

   This issue will close once commit 84a8a51 is merged into the 'main' branch.

   84a8a51
7. armando-navarro

   added this to the 21.0.0-rc.2 milestone on Oct 1, 2026