Si compilas apps de Angular o Next.js procesadas por el servidor, consulta
Firebase App Hosting de nueva generación, una solución de pila completa para frameworks web modernos.
Implementa en canales de vista previa y de publicación con solicitudes de extracción de GitHub
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Puedes integrar implementaciones a Firebase Hosting a través de una acción de GitHub. Esto es lo que puede hacer esta acción de GitHub:
Crear un nuevo canal de vista previa (y su URL de vista previa asociada) para cada solicitud de extracción en tu repositorio de GitHub.
Agregar un comentario a la solicitud de extracción con la URL de vista previa para que tú y cada revisor puedan ver y probar los cambios de la solicitud en una versión de “vista previa” de tu app.
Actualizar la URL de vista previa con los cambios de cada confirmación mediante la implementación automática en el canal de vista previa asociado. La URL no cambia con cada confirmación nueva.
Implementar el estado actual de tu repositorio de GitHub en tu canal publicado cuando se combina la solicitud de extracción (opcional).
Recordatorio: Cuando usas URL de vista previa, tu app interactúa con los recursos de backend reales del proyecto de Firebase.
Configura la acción de GitHub para implementar en Firebase Hosting
Crea un repositorio de GitHub (público o privado) o usa uno existente. Debes tener permisos de administrador en el repositorio.
En una versión local del repositorio, configura Firebase Hosting con el comando firebase init.
Si NO has configurado Hosting, ejecuta esta versión del comando desde la raíz del directorio local:
firebase init hosting
Si YA configuraste Hosting, solo debes configurar la acción de GitHub de Hosting. Ejecuta esta versión del comando desde la raíz del directorio local:
firebase init hosting:github
Sigue las indicaciones de la CLI y el comando se encargará de configurar automáticamente la acción de GitHub.
Se crea una cuenta de servicio en tu proyecto de Firebase con permiso para implementar en Firebase Hosting.
Se encripta la clave JSON de esa cuenta de servicio y se la sube al repositorio de GitHub especificado como un secreto de GitHub.
Se escriben los archivos de configuración yaml del flujo de trabajo de GitHub que hacen referencia al secreto creado recientemente. Estos archivos configuran la acción de GitHub que se implementará en Firebase Hosting.
En GitHub, crea una rama nueva y confirma los archivos yaml del flujo de trabajo creados por la CLI.
Publica la rama en tu repositorio de GitHub.
Fusiona la rama.
Listo. Cualquier solicitud de extracción posterior en este repositorio de GitHub obtendrá automáticamente su propia “URL de vista previa”.
Más información sobre la acción de GitHub
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2025-08-13 (UTC)
[null,null,["Última actualización: 2025-08-13 (UTC)"],[],[],null,["\u003cbr /\u003e\n\nYou can integrate deploys to Firebase Hosting via a GitHub Action. Here's\nwhat this GitHub Action can do for you:\n\n- Creates a new preview channel (and its associated preview URL) for every PR on\n your GitHub repository.\n\n- Adds a comment to the PR with the preview URL\n so that you and each reviewer can view and test the PR's changes in a\n \"preview\" version of your app.\n\n- Updates the preview URL with changes from each commit by automatically\n deploying to the associated preview channel. The URL doesn't change with each\n new commit.\n\n- *(Optional)* Deploys the current state of your GitHub repo to your live\n channel when the PR is merged.\n\nReminder: When using preview URLs, your app interacts with the *real* backend\nresources of your Firebase project.\n\nSet up the GitHub Action to deploy to Firebase Hosting\n\n1. Create a GitHub repository (public or private) or use an existing one. You\n must have admin permissions for the repository.\n\n2. In a local version of your repo, set up Firebase Hosting using the\n [`firebase init` command](/docs/hosting/quickstart#initialize).\n\n - If you've NOT set up Hosting, run this version of the command\n from the root of your local directory:\n\n ```\n firebase init hosting\n ```\n - If you've ALREADY set up Hosting, then you just need to set up the\n GitHub Action part of Hosting. Run this version of the command from\n the root of your local directory:\n\n ```\n firebase init hosting:github\n ```\n3. Follow the CLI prompts, and the command will automatically take care of\n setting up the GitHub Action:\n\n - Creates a service account in your Firebase project with permission to\n deploy to Firebase Hosting.\n\n - Encrypts that service account's JSON key and uploads it to the specified\n GitHub repository as a\n [GitHub secret](//docs.github.com/en/free-pro-team@latest/actions/reference/encrypted-secrets).\n\n - Writes GitHub workflow `yaml` configuration files that reference the\n newly created secret. These files configure the GitHub Action to deploy to\n Firebase Hosting.\n\n4. In GitHub, create a new branch and commit the workflow `yaml` files created\n by the CLI.\n\n5. Publish the branch to your GitHub repository.\n\n6. Merge the branch.\n\nThat's it! Any subsequent PR in this GitHub repo will automatically get its own\n\"preview URL\"!\n\nLearn more about the GitHub Action\n\n- Firebase maintains the \"Deploy to Firebase Hosting\" GitHub Action as an\n open-source project.\n [View the source code.](//github.com/marketplace/actions/deploy-to-firebase-hosting)\n\n- The \"Deploy to Firebase Hosting\" GitHub Action allows for further\n configuration, like customizing the expiry date for a preview channel or\n setting a non-live channel to deploy to when a PR is merged.\n [Learn about the available configuration options.](//github.com/marketplace/actions/deploy-to-firebase-hosting#options)\n\n- Learn more about\n [GitHub Actions](//docs.github.com/en/free-pro-team@latest/actions),\n in general."]]
