Implemente para vivir y vivir. vista previa de canales a través de solicitudes de extracción de GitHub

Puede integrar implementaciones en Firebase Hosting a través de una acción de GitHub. Esto es lo que esta GitHub Action puede hacer por usted:

  • Crea un nuevo canal de vista previa (y su URL de vista previa asociada) para cada PR en su repositorio de GitHub.

  • Agrega un comentario al PR con la URL de vista previa para que usted y cada revisor puedan ver y probar los cambios del PR en una versión de "vista previa" de su aplicación.

    imagen del comentario de GitHub Action PR con URL de vista previa

  • Actualiza la URL de vista previa con los cambios de cada confirmación implementándola automáticamente en el canal de vista previa asociado. La URL no cambia con cada nueva confirmación.

  • (Opcional) Implementa el estado actual de su repositorio de GitHub en su canal en vivo cuando se fusiona el PR.

Recordatorio: cuando usas URL de vista previa, tu aplicación interactúa con los recursos backend reales de tu proyecto de Firebase.

Configurar la acción de GitHub para implementarla en Firebase Hosting

  1. Cree un repositorio de GitHub (público o privado) o utilice uno existente. Debe tener permisos de administrador para el repositorio.

  2. En una versión local de tu repositorio, configura Firebase Hosting usando el comando firebase init .

    • Si NO ha configurado Hosting, ejecute esta versión del comando desde la raíz de su directorio local:

      firebase init hosting
    • Si YA configuró Hosting, entonces solo necesita configurar la parte Acción de GitHub de Hosting. Ejecute esta versión del comando desde la raíz de su directorio local:

      firebase init hosting:github
  3. Siga las indicaciones de la CLI y el comando se encargará automáticamente de configurar la acción de GitHub:

    • Crea una cuenta de servicio en su proyecto de Firebase con permiso para implementar en Firebase Hosting.

    • Cifra la clave JSON de esa cuenta de servicio y la carga en el repositorio de GitHub especificado como un secreto de GitHub .

    • Escribe archivos de configuración yaml del flujo de trabajo de GitHub que hacen referencia al secreto recién creado. Estos archivos configuran la acción de GitHub para implementarla en Firebase Hosting.

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

  5. Publica la rama en tu repositorio de GitHub.

  6. Fusionar la rama.

¡Eso es todo! ¡Cualquier PR posterior en este repositorio de GitHub obtendrá automáticamente su propia "URL de vista previa"!

Obtenga más información sobre la acción de GitHub

  • Firebase mantiene la acción de GitHub "Implementar en Firebase Hosting" como un proyecto de código abierto. Ver el código fuente.

  • La acción de GitHub "Implementar en Firebase Hosting" permite una configuración adicional, como personalizar la fecha de vencimiento de un canal de vista previa o configurar un canal no activo para implementar cuando se fusiona un PR. Conozca las opciones de configuración disponibles.

  • Obtenga más información sobre GitHub Actions , en general.