Compartir a través de

Creación e implementación de la aplicación web reutilizable de Azure (versión preliminar)

  • Artículo

Para crear e implementar la aplicación web reutilizable de Azure, debe crear e implementar las aplicaciones web de back-end y front-end. En este tutorial se proporcionan instrucciones para crear e implementar las aplicaciones web de back-end y front-end reutilizables.

Creación e implementación de la aplicación web de back-end reutilizable

Para crear una aplicación web desde Azure Portal:

  1. Cree un recurso de aplicación web en Azure Portal.
  2. Rellene todos los datos pertinentes:
    • En Publicar, seleccione Código.
    • En Pila de runtime, seleccione .NET 7 (STS) y Windows.

Para obtener instrucciones generales, consulte Introducción al Azure App Service.

Asignación del dominio a la aplicación web: Parte 1

  1. Vaya a Configuración ->Dominios personalizados.
  2. Seleccione Agregar dominio personalizado y siga las instrucciones. Para más información sobre la asignación de dominios personalizados, visite Asignación de dominios personalizados en Azure.
  3. Abra la solución reutilizable de back-end de Visual Studio.
  4. Haga clic con el botón derecho reutilizable en el proyecto y seleccione Publicar.
  5. Elija Azure como destino.
  6. Inicie sesión con un usuario que tenga acceso a la aplicación web de Azure que creó.
  7. Use la interfaz de usuario (UI) para buscar la suscripción y el grupo de recursos pertinentes y, a continuación, siga las instrucciones para publicar.

Actualizar CORS

  1. En la página Azure de la aplicación web, vaya a API ->CORS.
  2. En Orígenes permitidos, agregue la dirección URL de la aplicación web de front-end.

Creación e implementación de la aplicación web de front-end reutilizable

Para crear una aplicación web desde Azure Portal:

  1. Cree un recurso de aplicación web en Azure Portal. un recurso de “aplicación web” en Azure Portal.
  2. Rellene todos los datos pertinentes:
    • En Publicar, seleccione Código.
    • En Pila de runtime, seleccione Node 18 LTS y Windows.

Para obtener instrucciones generales, consulte Inicio rápido para Node.js en Azure App Service.

Asignación del dominio a la aplicación web

  1. Vaya a Configuración ->Dominios personalizados.
  2. Seleccione Agregar dominio personalizado y siga las instrucciones.

Para más información sobre la asignación de dominios personalizados, visite Asignación de dominios personalizados en Azure.

Publicar la aplicación web reutilizable de front-end: Parte 2

  1. Compile el objeto reutilizable de front-end mediante la ejecución de npm run build:test .
  2. Vaya a la carpeta dist en Microsoft-Fabric-developer-sample\Frontend\tools\dist.
  3. Seleccione todos los archivos y la carpeta de recursos en dist y cree un archivo ZIP.
  4. Abra PowerShell.
  5. Ejecute Connect-AzAccount e inicie sesión con un usuario que tenga acceso a la aplicación web de Azure que creó.
  6. Ejecute Set-AzContext -Subscription "<subscription_id>".
  7. Ejecute Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path>.