Preguntas frecuentes y solución de problemas

En esta página, se proporcionan respuestas a las preguntas frecuentes sobre App Hosting.

Preguntas frecuentes de App Hosting

¿App Hosting admite frameworks que no sean Next.js y Angular?

App Hosting proporciona compatibilidad preconfigurada de compilación e implementación para Next.js y Angular, en los que nos comprometimos a comprender esos frameworks y a interpretar sus configuraciones nativas. En el caso de varios otros frameworks, la comunidad de desarrolladores admite adaptadores de framework App Hosting. Además, para cualquier aplicación de Node.js con una compilación y una secuencia de comandos de inicio, App Hosting intentará realizar compilaciones, pero no puede garantizar el éxito de forma confiable. Consulta Integración de frameworks.

¿En qué regiones es compatible Firebase App Hosting?

Es probable que las regiones de App Hosting se expandan con el tiempo. Consulta la información sobre las ubicaciones de App Hosting para obtener la información más actualizada.

¿Puedo usar GitLab o algún otro proveedor de Git además de GitHub para las implementaciones?

Actualmente, no puedes, pero la compatibilidad con otros proveedores está en la hoja de ruta a largo plazo de App Hosting.

¿Por qué no puedo encontrar mi repositorio en la IU de Firebase console? 

Si tu repositorio no aparece en la lista de opciones cuando creas un backend nuevo en Firebase console, primero intenta seleccionar Actualizar lista. Si el repositorio preferido aún no está disponible, es posible que debas agregarlo con la opción para otorgar acceso a un repositorio nuevo en GitHub.

Además, puedes administrar repositorios con la aplicación de GitHub de Firebase App Hosting. Para ello, ve a tu perfil de GitHub y selecciona Configuración y, luego, Aplicaciones. En la fila de la tabla de la aplicación Firebase App Hosting, haz clic en Configurar para administrar los repositorios.

¿Cómo cambio el repositorio asociado a mi proyecto de App Hosting?

Actualmente, no es posible cambiar el repositorio. Sin embargo, puedes crear un backend nuevo asociado con el repositorio preferido dentro del mismo proyecto o crear uno nuevo en un proyecto independiente.

¿Cómo puedo configurar encabezados para mi sitio de App Hosting?

Los encabezados dependen del framework. Haz lo que normalmente harías para tu framework.

¿Hay un emulador para el desarrollo local con App Hosting?

Sí, puedes realizar pruebas locales de tu app antes de la implementación de App Hosting con el emulador de App Hosting, que forma parte de Firebase Local Emulator Suite. Consulta Cómo probar de forma local la implementación de tu app .

¿Por qué veo errores en App Hosting, pero no en Cloud Build?

En esos casos, es posible que el error provenga de Cloud Run. Verifica el estado del lanzamiento para asegurarte.

¿Cómo cambio o quito una cuenta de GitHub vinculada?

Para quitar la cuenta de GitHub vinculada, abre Developer Connect, asegúrate de que tu proyecto esté seleccionado y borra la conexión firebase-app-hosting-github-oath y la conexión que comienza con apphosting-github-conn-. Cuando abras App Hosting en la consola de Firebase, deberías poder configurar una nueva conexión de GitHub.

¿Cómo puedo configurar cookies para mi sitio de App Hosting?

Aunque no estaba disponible en el lanzamiento de la vista previa de App Hosting, el encabezado de respuesta HTTP de Set-Cookie ahora funciona como se espera.

Limitaciones generales de App Hosting y solución de problemas

• Los encabezados Cache-Control se modificaron para limitar las cachés de CDN a 60 minutos. Esta limitación se quitará poco después del lanzamiento de la versión general del producto.
• La CDN de App Hosting solo puede incluir un conjunto específico de encabezados de solicitud en sus claves de caché. Esa lista incluye los encabezados RSC, Next-Router-State-Tree, Next-Router-Prefetch, Next-Router-Segment-Prefetch y Next-Url de NextJS, así como los encabezados Accept, Accept-Encoding, Access-Control-Request-Headers, Access-Control-Request-Method, Origin, Sec-Fetch-Dest, Sec-Fetch-Mode, Sec-Fetch-Site, X-Goog-Allowed-Resources y X-Origin estándar de Cloud CDN. Si una respuesta contiene un encabezado Vary con un valor que no se indica aquí, nuestra CDN no lo almacenará en caché.
• Los archivos estáticos sin almacenar en caché se entregan desde Cloud Run. En una versión posterior, se almacenarán y entregarán desde el origen App Hosting para mejorar el rendimiento.
• Es posible que la consola Firebase muestre de forma intermitente un error que indica que no se encontró la compilación y que no es válida durante la creación del backend.
• Todos los backends del mismo proyecto comparten una organización o cuenta de GitHub. Se pueden conectar a diferentes repositorios de esa organización o cuenta. Para crear backends conectados a diferentes cuentas de GitHub, colócalos en proyectos separados.

Limitaciones y solución de problemas de la app de Angular

Si bien la compatibilidad de App Hosting con Angular está en desarrollo activo y se está expandiendo, tiene las siguientes limitaciones:

• I18n: Si bien la funcionalidad principal de I18n funciona, la navegación directa a las páginas SSR puede generar errores.
• Localización: No se admiten compilaciones de versiones para diferentes configuraciones regionales.
• Compiladores: Por el momento, solo se admite el compilador de aplicaciones.
• Entornos y herramientas de monorepo: Los proyectos de Angular que tengan más de un objetivo de aplicación fallarán. Para obtener una compatibilidad más completa con monorepo, usa Nx.

Limitaciones y solución de problemas de Next.js

• De forma predeterminada, la optimización de imágenes integrada de NextJS está inhabilitada en App Hosting, a menos que establezcas images.unoptimized en falso de forma explícita o uses un Cargador de imágenes personalizado. Consulta Cómo optimizar la carga de imágenes en Next.js.
• Cloud Run decodifica las rutas de URL que contienen caracteres codificados con porcentajes. Esto puede causar problemas con las funciones que solo esperan rutas de URL codificadas, como el enrutamiento en paralelo de Next.js.
• Actualmente, App Hosting limita el almacenamiento en caché de las apps de NextJS con middleware. Con el tiempo, las tasas de aciertos de caché deberían mejorar.
• Cloud Run decodifica las rutas de URL que contienen caracteres codificados por porcentaje. Esto puede causar problemas con las funciones que solo esperan rutas de URL codificadas, como el enrutamiento en paralelo de Next.js.