Compartir vía

Creación e implementación de la aplicación web reutilizable de Azure

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

Asegúrese de revisar el tutorial de configuración de la nube de cargas de trabajo antes de implementar las aplicaciones web de back-end y front-end.

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

  1. En Azure Portal, cree un recurso de aplicación web.

  2. Escriba o seleccione la información pertinente:

    • En Publicar, seleccione Código.
    • En Pila de runtime, seleccione .NET 7 (STS) y Windows.

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

Asignación del dominio a la aplicación web de back-end

  1. Vaya a Configuración>Dominios personalizados.

  2. Seleccione Agregar dominio personalizado y siga las instrucciones.

    Para obtener más información, consulte Asignación de dominios personalizados en Azure.

  3. En Visual Studio, abra la solución reutilizable de back-end.

  4. Haga clic con el botón derecho reutilizable en el proyecto y seleccione Publicar.

  5. Para el destino, seleccione Azure.

  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 el panel de información general de la aplicación web en Azure Portal, 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

  1. En Azure Portal, cree un recurso de aplicación web.

  2. Escriba o seleccione la información pertinente:

    • 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 de front-end

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

Para obtener más información, consulte Asignación de dominios personalizados en Azure.

Publicación de la aplicación web reutilizable de front-end

  1. Compile el objeto reutilizable de front-end mediante la ejecución de npm run build:test .
  2. Vaya a la carpeta Microsoft-Fabric-developer-sample\Frontend\tools\dist.
  3. Seleccione todos los archivos y la carpeta de recursos en dist y cree un archivo .zip de los archivos seleccionados.
  4. Abra PowerShell.
  5. En PowerShell, 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>.