Ejercicio: Publicar la API con Acciones de GitHub

  • 4 minutos

La aplicación web y la API se ejecutan localmente. Ha llegado el momento de publicarlas en Azure Static Web Apps.

Enviar los cambios a GitHub

En el ejercicio anterior, realizó cambios en la API. Ahora es el momento de confirmar esos cambios en la rama api y enviarlos a GitHub.

Crear una solicitud de incorporación de cambios

Ha insertado la rama api en GitHub. Ahora quiere que la acción de GitHub publique la aplicación web y la API en una dirección URL de vista previa. Por lo tanto, el siguiente paso consiste en crear una solicitud de incorporación de cambios en la rama principal.

  1. Abra una ventana del explorador.

  2. Vaya a su repositorio:

    https://github.com/<YOUR_GITHUB_USERNAME>/my-static-blazor-app

  3. Seleccione el vínculo Solicitudes de incorporación de cambios.

  4. Seleccione Nueva solicitud de incorporación de cambios.

  5. Seleccione la rama principal en la lista desplegable base.

  6. Seleccione la rama api en la lista desplegable comparar.

  7. Seleccione Crear solicitud de incorporación de cambios.

  8. De nuevo, seleccione Crear solicitud de incorporación de cambios.

La acción de GitHub ahora se desencadena.

Visualizar la compilación y la publicación de la acción de GitHub

Puede permanecer en el explorador en el repositorio y ver el progreso de la acción de GitHub. Para visualizar el progreso, siga estos pasos:

  1. Seleccione el menú Acciones.

  2. En el menú Flujos de trabajo, seleccione el elemento de flujo de trabajo Azure Static Web Apps CI/CD (CI/CD de Azure Static Web Apps).

  3. Seleccione el vínculo más reciente (el superior) en la acción que se ejecuta a la derecha.

  4. Seleccione el vínculo Build and Deploy Job (Compilar e implementar trabajo).

Puede ver el progreso de la acción de GitHub a medida que crea y publica la aplicación web y la API.

Ir a la dirección URL de vista previa

Una vez que se ha completado correctamente la acción de GitHub, verá la aplicación en ejecución en el explorador.

  1. Seleccione el menú Solicitudes de incorporación de cambios.

  2. Seleccione la solicitud de incorporación de cambios.

  3. Seleccione el vínculo que sigue al mensaje Azure Static Web Apps: Your stage site is ready! Visit it here (Azure Static Web Apps: su sitio de almacenamiento provisional está listo. Visítelo aquí).

Observe que la dirección URL de vista previa contiene un guión seguido de un número. El número coincide con el número de la solicitud de incorporación de cambios que ha creado. Para cada solicitud de incorporación de cambios que cree, obtendrá una dirección URL de vista previa única y repetible. La región también se usa para formar dicha URL.

Pasos siguientes

Enhorabuena, ha creado su primera instancia de Azure Static Web Apps con una aplicación web y una API. Si combina la solicitud de incorporación de cambios que creó, Azure Static Web Apps implementa automáticamente los cambios en la aplicación de producción.