es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Firebase niega el acceso cuando se utiliza el archivo env.

31 Jul, 2023 Programación

Estoy tratando de crear una aplicación de React que funcione con Firebase. Normalmente, las credenciales se ven así:

const firebaseConfig = {
    apiKey: ...,
    authDomain: ..., 
    projectId: ...,
    storageBucket: ...,
    messagingSenderId: ...,
    appId: ...
};

y eso funciona correctamente. Sin embargo, si creo un archivo de variables de entorno y lo accedo de esta manera:

const firebaseConfig = {
    apiKey: process.env.REACT_APP_API_KEY,
    authDomain: process.env.REACT_APP_AUTH_DOMAIN, 
    projectId: process.env.REACT_APP_PROJECT_ID,
    storageBucket:process.env.REACT_APP_STORAGE_BUCKET,
    messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
    appId: process.env.REACT_APP_APP_ID
};

Me devuelve un error:

firebase/firestore: Firestore (9.6.1): No se pudo alcanzar el backend de Cloud Firestore. La conexión falló 1 vez. Error más reciente: FirebaseError: [code=permission-denied]: Permiso denegado en el recurso del proyecto “xxx”.

¿Alguna idea de si tengo que hacer algo especial para cargar el archivo de variables de entorno o por qué está sucediendo esto?

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Parece que tu archivo de firebaseConfig no está accediendo correctamente a las variables de entorno. Aquí hay algunas cosas que puedes intentar:

    1. Asegúrate de definir correctamente las variables de entorno en tu archivo .env. Verifica que los nombres en el archivo coincidan con los nombres que utilizas al llamarlas en tu código.

    2. Asegúrate de que tu archivo .env esté en el directorio raíz de tu proyecto. Esto es donde create-react-app busca las variables de entorno de forma predeterminada.

    3. Intenta reiniciar tu servidor de desarrollo después de hacer cambios en tu archivo .env. A veces, create-react-app necesita reiniciarse para que los cambios surtan efecto.

    4. Verifica en la Consola de Firebase que el proyecto al que estás intentando acceder esté configurado correctamente con los permisos necesarios.

    5. Temporalmente, codifica de forma directa las credenciales de Firebase en tu archivo firebaseConfig, solo para asegurarte de que el problema esté en las variables de entorno y no en la configuración de Firebase.

    Si ninguno de estos pasos funciona, es posible que desees consultar la documentación de Firebase o contactar a su equipo de soporte para obtener ayuda adicional.

Comments are closed.