Implementa en canales de vista previa y de publicación con solicitudes de extracción de GitHub

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.

    imagen del comentario de solicitud de extracción de la acción de GitHub con URL de vista previa

  • 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

  1. Crea un repositorio de GitHub (público o privado) o usa uno existente. Debes tener permisos de administrador en el repositorio.

  2. 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
  3. 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 el 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.

  4. En GitHub, crea una rama nueva y confirma los archivos yaml del flujo de trabajo creados por la CLI.

  5. Publica la rama en tu repositorio de GitHub.

  6. 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