En este inicio rápido, aprenderá a crear e implementar su primera aplicación web de ASP.NET en Azure App Service. App Service admite varias versiones de aplicaciones .NET y proporciona un servicio de hospedaje web muy escalable y con aplicación de revisiones. Las aplicaciones web de ASP.NET son multiplataforma y se pueden hospedar tanto en Linux como en Windows. Cuando termine, tendrá un grupo de recursos de Azure que consta de un plan de hospedaje de App Service y una aplicación web implementada.

 Sugerencia

.NET Core 3.1 es la versión actual del soporte técnico a largo plazo (LTS) de .NET. Para más información, consulte la directiva de soporte técnico de .NET.

Requisitos previos

  • Una cuenta de Azure con una suscripción activa. Cree una cuenta gratuita.

  • Visual Studio 2019 con la carga de trabajo ASP.NET y desarrollo web.

    Si ya ha instalado Visual Studio 2019:

    • Para instalar las actualizaciones más recientes de Visual Studio, seleccione Ayuda > Buscar actualizaciones.
    • Para agregar la carga de trabajo, seleccione Herramientas > Obtener herramientas y características.

Creación de una aplicación web de ASP.NET

  1. Abra Visual Studio y seleccione Crear un proyecto.

  2. En Crear un proyecto, busque y elija Aplicación web ASP.NET Core y, después, seleccione Siguiente.

  3. En Configurar el nuevo proyecto, asigne a la aplicación el nombre MyFirstAzureWebApp y seleccione Siguiente.

    Configurar una aplicación de ASP.NET Core 3.1

  4. Seleccione .NET Core 3.1 (soporte técnico a largo plazo) .

  5. Asegúrese de que en Tipo de autenticación está seleccionada la opción Ninguno. Seleccione Crear.

    Visual Studio: seleccione .NET Core 3.1 y Ninguno en Tipo de autenticación.

  6. En el menú de Visual Studio, seleccione Depurar > Iniciar sin depurar para ejecutar la aplicación web localmente.

    Visual Studio: exploración local de .NET Core 3.1

Publicación de la aplicación web

Para publicar la aplicación web, primero debe crear y configurar una nueva instancia de App Service en la que pueda publicar la aplicación.

Como parte de la configuración de la instancia de App Service, creará:

  • Un nuevo grupo de recursos que contendrá todos los recursos de Azure para el servicio.
  • Un plan de hospedaje que especifique la ubicación, el tamaño y las características de la granja de servidores web que hospeda la aplicación.

Siga estos pasos para crear la instancia de App Service y publicar la aplicación web:

  1. En el Explorador de soluciones, haga clic con el botón derecho en el proyecto MyFirstAzureWebApp y seleccione Publicar.

  2. En Publicar, seleccione Azure y, después, Siguiente.

    Visual Studio: publique la aplicación web y use Azure como destino.

  3. Las opciones dependen de si ya ha iniciado sesión en Azure y de si tiene una cuenta de Visual Studio vinculada a una cuenta de Azure. Seleccione Agregar una cuenta o Iniciar sesión para iniciar sesión en la suscripción de Azure. Si ya ha iniciado sesión, seleccione la cuenta que desee.

    Visual Studio: seleccione iniciar sesión en el cuadro de diálogo de Azure.

  4. Elija el valor de Destino específico, sea Azure App Service (Linux) o Azure App Service (Windows) .

     Importante

    Cuando el destino sea ASP.NET Framework 4.8, usará Azure App Service (Windows) .

  5. A la derecha de App Service instances (Instancias de App Service), seleccione + .

    Visual Studio: cuadro de diálogo de la aplicación del nuevo App Service.

  6. En Suscripción, acepte la suscripción que aparece o seleccione otra en la lista desplegable.

  7. En Grupo de recursos, seleccione Nuevo. En Nuevo nombre de grupo de recursos, escriba myResourceGroup y seleccione Aceptar.

  8. En Plan de hospedaje, seleccione Nuevo.

  9. En el cuadro de diálogo Plan de hospedaje: Crear nuevo, escriba los valores especificados en la tabla siguiente:

    TABLA 1
    ConfiguraciónValor sugeridoDescripción
    Plan de hospedajeMyFirstAzureWebAppPlanNombre del plan de App Service.
    UbicaciónOeste de EuropaEl centro de datos donde se hospeda la aplicación web.
    TamañoGratisPlan de tarifa determina las características de hospedaje.

    Creación de un nuevo plan de hospedaje

  10. En Nombre, escriba un nombre de aplicación único que incluya solo los caracteres válidos, que son a-z, A-Z, 0-9 y -. Puede aceptar el nombre único generado automáticamente. La dirección URL de la aplicación web es http://<app-name>.azurewebsites.net, donde <app-name> es el nombre de la aplicación.

  11. Seleccione Crear para crear los recursos de Azure.

    Visual Studio: cuadro de diálogo de creación de recursos de la aplicación.

    Una vez finalizado el asistente, los recursos de Azure se crean automáticamente y ya puede publicarlos.

  12. Seleccione Finalizar para cerrar el asistente.

  13. En la página Publicar, seleccione Publicar. Visual Studio compila, empaqueta y publica la aplicación en Azure y, luego, la inicia en el explorador predeterminado.

    Verá que la aplicación web de ASP.NET Core 3.1 se muestra en la página.

    Visual Studio: aplicación web de ASP.NET Core 3.1 en Azure.

Actualización de la aplicación y nueva implementación

Siga estos pasos para actualizar y volver a implementar la aplicación web:

  1. En el Explorador de soluciones, en el proyecto, abra index.cshtml.

  2. Reemplace el primer elemento <div> por el código siguiente:

    razorCopiar
    <div class="jumbotron">    <h1>.NET ? Azure</h1>    <p class="lead">Example .NET app to Azure App Service.</p>
    </div>
    

    Guarde los cambios.

  3. Para volver a realizar la implementación en Azure, haga clic con el botón derecho en el proyecto MyFirstAzureWebApp en el Explorador de soluciones y seleccione Publicar.

  4. En la página de resumen Publicar, seleccione Publicar.

    Cuando se completa la publicación, Visual Studio inicia un explorador en la dirección URL de la aplicación web.

    Verá que la aplicación web de ASP.NET Core 3.1 actualizada se muestra en la página.

    Visual Studio: aplicación web de ASP.NET Core 3.1 actualizada en Azure.

Administración de la aplicación de Azure

Para administrar la aplicación web, vaya a Azure Portal y busque y seleccione App Services.

Azure Portal: seleccione la opción App Services.

En la página App Services, seleccione el nombre de la aplicación web.

Azure Portal: la página de App Services con una aplicación web de ejemplo seleccionada.

La página Información general de la aplicación web contiene opciones para la administración básica como examinar, detener, iniciar, reiniciar y eliminar. El menú izquierdo proporciona varias páginas para configurar la aplicación.

Azure Portal: página de información general de App Service.