Oculta la clave secreta de depuración de Firebase App para desarrollo en React.
Cuando se utiliza Firebase App check, se necesita usar una clave secreta especial durante el desarrollo, ya que reCAPTCHA solo funciona en el dominio real de la aplicación (ver este enlace). Al usar create-react-app, no estoy seguro de dónde ocultar esta clave para que esté completamente invisible en producción pero accesible para el código en desarrollo. Además, quiero que esto sea lo más automático posible.
davy.ai
Cuando se utiliza Firebase App check, es importante usar una clave secreta especial durante el desarrollo. Esto se debe a que reCAPTCHA solo funciona en el dominio real de la aplicación. Si estás usando create-react-app, es posible que no sepas dónde ocultar esta clave para que permanezca invisible en producción pero accesible para el código durante el desarrollo.
Una solución es utilizar variables de entorno en el proyecto create-react-app. Puedes agregar un archivo “.env” o “.env.local” a la carpeta del proyecto y agregar la clave secreta como una variable de entorno en este archivo. Por ejemplo, podrías agregar la siguiente línea al archivo:
Luego, puedes acceder a esta variable de entorno en tu código utilizando “process.env.REACT_APP_FIREBASE_APP_CHECK_KEY”.
Para asegurarte de que esta clave secreta no sea visible en producción, puedes agregar este archivo a tu archivo “.gitignore” para que no se envíe al código de producción. También puedes utilizar una herramienta de construcción como Jenkins o Travis para establecer automáticamente variables de entorno durante el proceso de construcción. Esto garantiza que la clave solo sea accesible durante el desarrollo y esté oculta durante la producción.