Implemente en vivo y obtenga una vista previa de los canales a través de las 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 acción de GitHub 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 mediante la implementación automática 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 usa direcciones URL de vista previa, su aplicación interactúa con los recursos de back-end reales de su proyecto de Firebase.

Configura la acción de GitHub para implementar en Firebase Hosting

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

  2. En una versión local de su repositorio, configure Firebase Hosting con 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 GitHub Action 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 de flujo de trabajo de GitHub que hacen referencia al secreto recién creado. Estos archivos configuran la acción de GitHub para implementar 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. Combinar la rama.

¡Eso es todo! ¡Cualquier PR 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

  • 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 las acciones de GitHub , en general.