Estoy desarrollando un sistema de autenticación de aplicaciones web usando Firebase. Cuando inicio sesión y uso la aplicación web desde mi computadora, todo funciona bien, pero cuando la uso en la aplicación móvil, el control ya no funciona y me da el siguiente error en la consola:
https://content-firebaseappcheck.googleapis.com/v1/projects/nameoftheproject/apps/1:784721317237:web:5db5892bc06253ab6b173c:exchangeRecaptchaEnterpriseToken?key=myKey Failed to load resource: the server responded with a status of 403 ()Este es el código que estoy usando para crear initialize appCheck en mi aplicación web:
const appCheck = initializeAppCheck(app, { provider: new ReCaptchaEnterpriseProvider(config[process.env.REACT_APP_ENV]['recaptcha-key']), isTokenAutoRefreshEnabled: true }); export const getAppCheckToken = async () => { let appCheckTokenResponse; try { appCheckTokenResponse = await getToken(appCheck, false); } catch(err) { console.log(err); } return appCheckTokenResponse.token; }Entonces, un caso de uso típico para esa función es este:
//This is the code from one of my functions, it's just an example to show you how I use appcheck tokens if (querySnapshot.docs.length === 0) { headerAPI.headers['X-Firebase-AppCheck'] = await getAppCheckToken(); await axios.post(signupAPI, { email: email, username: displayName }, headerAPI); await sendEmailVerification(auth.currentUser, { url: config[process.env.REACT_APP_ENV]['url-used-to-send-mail-auth-signup'], handleCodeInApp: true }) props.cookieAlert('Info', 'Cookies', 'Informations here...'); } else { window.location.href = '/dashboard/home'; }Ahora, no puedo entender por qué no funciona en dispositivos móviles... Espero que mi código sea lo suficientemente claro para que entiendas mis problemas, gracias de antemano.