Compartir a través de

Inicio rápido: Implementación de una aplicación web de ASP.NET

  • Artículo

Nota:

A partir del 1 de junio de 2024, todas las aplicaciones de App Service recién creadas tendrán la opción de generar un nombre de host predeterminado único mediante la convención de nomenclatura <app-name>-<random-hash>.<region>.azurewebsites.net. Los nombres de aplicación existentes permanecerán sin cambios.

Ejemplo: myapp-ds27dh7271aah175.westus-01.azurewebsites.net

Para más información, consulte Nombre de host predeterminado único para el recurso App Service.

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 incluirá un plan de hospedaje de App Service con una aplicación web implementada.

Como alternativa, puede implementar una aplicación web de ASP.NET como parte de un contenedor Windows o Linux en App Service.

Sugerencia

Busque sugerencias de GitHub Copilot en los pasos de Visual Studio, Visual Studio Code y Azure Portal.

Nota:

Todavía no se admite la compilación de aplicaciones de .NET 9 (STS) con Windows App Service mediante MSBuild o SCM_DO_BUILD. La compatibilidad con estos escenarios de compilación vendrá después de la fecha de disponibilidad general inicial y del 4 de diciembre de 2024. Las implementaciones que se compilan fuera de App Service a través de Visual Studio, Visual Studio Code, GitHub Actions y Azure DevOps son totalmente compatibles.

Requisitos previos

Si ya ha instalado Visual Studio 2022:

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

1. Cree un aplicación web ASP.NET

1. Inicialice la plantilla de aplicación web de ASP.NET

  1. Abra Visual Studio y seleccione Crear un proyecto.

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

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

    Captura de pantalla de Visual Studio: configuración de una aplicación web de ASP.NET 8.0.

  4. Seleccione .NET 8.0 (Compatibilidad a largo plazo).

  5. Asegúrese de que en Tipo de autenticación se ha seleccionado la opción Ninguno. Seleccione Crear.

    Captura de pantalla de Visual Studio: información adicional al seleccionar .NET 8.0.

  6. En el menú de Visual Studio, seleccione Depurar>Iniciar sin depurar para ejecutar la aplicación web localmente. Si ve un mensaje que le pide que confíe en un certificado autofirmado, seleccione Sí.

    Captura de pantalla de Visual Studio: ASP.NET Core 8.0 que se ejecuta localmente.

Sugerencia

Si tiene una cuenta de GitHub Copilot, pruebe a obtener las características de GitHub Copilot para Visual Studio.

  1. Abra una ventana de terminal en la máquina en un directorio de trabajo. Cree una aplicación web de .NET con el comando dotnet new webapp y vaya a los directorios de la aplicación recién creada.

    dotnet new webapp -n MyFirstAzureWebApp --framework net8.0
cd MyFirstAzureWebApp

  2. En la misma sesión de terminal, ejecute la aplicación localmente mediante el comando dotnet run.

    dotnet run --urls=https://localhost:5001/

  3. Abra un explorador web y vaya a la aplicación en https://localhost:5001.

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

    Captura de pantalla de Visual Studio Code: ASP.NET Core 8.0 en un explorador local.

En este paso, se bifurcará un proyecto de demostración que se va a implementar.

  1. Vaya a la aplicación de ejemplo de .NET 8.0.
  2. Seleccione el botón Fork (Bifurcación) en la esquina superior derecha de la página de GitHub.
  3. Seleccione el propietario y deje el nombre del repositorio predeterminado.
  4. Seleccione Crear bifurcación.

En esta guía de inicio rápido se usa Azure Developer CLI (azd) para crear recursos de Azure y para implementar código. Para obtener más información sobre Azure Developer CLI, visite la documentación o la ruta de aprendizaje.

Recupere e inicialice la plantilla de aplicación web de ASP.NET Core para esta guía de inicio rápido siguiendo estos pasos:

  1. Abra una ventana de terminal en la máquina en un directorio de trabajo vacío. Inicialice la plantilla azd con el comando azd init.

    azd init --template https://github.com/Azure-Samples/quickstart-deploy-aspnet-core-app-service.git

    Cuando el sistema le pida un nombre para el entorno, escriba dev.

  2. En la misma sesión de terminal, ejecute la aplicación localmente mediante el comando dotnet run. Use el parámetro --project para especificar el directorio src de la plantilla azd, que es donde reside el código de la aplicación.

    dotnet run --project src --urls=https://localhost:5001/

  3. Abra un explorador web y vaya a la aplicación, que está en https://localhost:5001. La plantilla de aplicación web de ASP.NET Core 8.0 se muestra en la página.

    Captura de pantalla de Visual Studio Code: ASP.NET Core 8.0 en un explorador local.

2. Publique la aplicación web

Siga estos pasos para crear los recursos de App Service y publicar el proyecto:

  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.

    Captura de pantalla de Visual Studio: publicación de la aplicación web y uso de Azure como destino.

  3. Elija el valor de Destino específico, sea Azure App Service (Linux) o Azure App Service (Windows) . Después, seleccione Siguiente.

    Importante

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

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

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

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

    Captura de pantalla de Visual Studio: cuadro de diálogo de la aplicación de la nueva instancia de 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:

    Configuración Valor sugerido Descripción
    Plan de hospedaje MyFirstAzureWebAppPlan Nombre del plan de App Service.
    Ubicación Oeste de Europa El centro de datos donde se hospeda la aplicación web.
    Tamaño Elija el nivel más bajo. Los niveles de precios definen las características 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.

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

    Una vez que se completa el asistente, los recursos de Azure se crean automáticamente, por lo que ya se puede publicar el proyecto de ASP.NET Core.

  12. En el cuadro de diálogo Publicar, asegúrese de que la nueva aplicación de App Service esté seleccionada; luego, seleccione Finalizar y, luego, Cerrar. Visual Studio crea automáticamente un perfil de publicación para la aplicación de App Service seleccionada.

  13. En la página Publicar, seleccione Publicar. Si ve un mensaje de advertencia, seleccione Continuar.

    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 8.0 se muestra en la página.

    Captura de pantalla de Visual Studio: aplicación web de ASP.NET Core 8.0 en Azure.

  1. Abra Visual Studio Code desde el directorio raíz del proyecto.

    code .

  2. Si el sistema le pregunta, seleccione Sí, confío en los autores.

    Sugerencia

    Si tiene una cuenta de GitHub Copilot, pruebe a obtener las características de GitHub Copilot para Visual Studio Code.

  3. En Visual Studio Code, abra la paleta de comandos seleccionando Ver>Paleta de comandos.

  4. Busque y seleccione "Azure App Service: Crear nueva aplicación web (Avanzado)".

  5. Responda a los mensajes como se indica a continuación:

    1. Si se le pide, inicie sesión en su cuenta de Azure.
    2. Seleccione su suscripción.
    3. Seleccione Create new Web App...Advanced (Crear aplicación web...Avanzada).
    4. En Enter a globally unique name, (Especificar un nombre único global) use un nombre que sea único en todo Azure (los caracteres válidos son a-z, 0-9 y - ). Un buen patrón es usar una combinación del nombre de la empresa y un identificador de la aplicación.
    5. Seleccione Crear nuevo grupo de recursos y escriba un nombre, por ejemplo, myResourceGroup.
    6. Cuando se le pida que seleccione una pila del entorno en tiempo de ejecución, seleccione .NET 8 (LTS).
    7. Seleccione un sistema operativo (Windows o Linux).
    8. Seleccione una ubicación cerca de usted.
    9. Seleccione Crear un nuevo plan de App Service, especifique un nombre y seleccione el plan de tarifa Gratis (F1).
    10. Seleccione Omitir por ahora para el recurso de Application Insights.
    11. Cuando se le solicite, seleccione Implementar.
    12. Seleccione MyFirstAzureWebApp como la carpeta que se va a implementar.
    13. Seleccione Agregar configuración cuando se le solicite.

  6. En el elemento emergente Always deploy the workspace "MyFirstAzureWebApp" to <app-name>" (Implementar siempre el área de trabajo "MyFirstAzureWebApp" en "), seleccione Sí para que Visual Studio Code se implemente en la misma aplicación de App Service cada vez que se encuentra en esa área de trabajo.

  7. Cuando se complete la publicación, seleccione Examinar sitio web en la notificación y seleccione Abrir cuando se le solicite.

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

    Captura de pantalla de Visual Studio Code: aplicación web de ASP.NET Core 8.0 en Azure.

  1. Inicie sesión en su cuenta de Azure mediante el comando az login y siguiendo la indicación:

    az login
    • Si no se reconoce el comando az, asegúrese de tener instalada la CLI de Azure, como se describe en los requisitos previos.

  2. Implemente el código en el directorio MyFirstAzureWebApp local, para lo que debe usar el comando az webapp up:

    az webapp up --sku F1 --name <app-name> --os-type <os>
    • Reemplace <app-name> por un nombre que sea único en todo Azure (los caracteres válidos son a-z, 0-9 y - ). Un buen patrón es usar una combinación del nombre de la empresa y un identificador de la aplicación.
    • El argumento --sku F1 crea la aplicación web en el plan de tarifa Gratis. Omita este argumento para usar un nivel Premium más rápido, lo que supondrá un costo por hora.
    • Reemplace <os> por linux o windows.
    • Opcionalmente, incluya el argumento --location <location-name>, donde <location-name> es una región de Azure disponible. Puede recuperar una lista de las regiones permitidas para su cuenta de Azure mediante la ejecución del comando az account list-locations.

    El comando puede tardar unos minutos en completarse. Mientras se ejecuta, el comando proporciona mensajes sobre cómo crear el grupo de recursos, el plan de App Service y la aplicación de hospedaje, configurar el registro y, a continuación, realizar la implementación del archivo ZIP. Luego, se muestra un mensaje con la dirección URL de la aplicación:

    You can launch the app at http://<app-name>.azurewebsites.net

  3. Abra un explorador web y vaya a dicha dirección:

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

    Captura de pantalla de la CLI: aplicación web de ASP.NET Core 8.0 en Azure.

Nota:

Se recomienda Azure PowerShell para crear aplicaciones en la plataforma de hospedaje de Windows. Para crear aplicaciones en Linux, use otra herramienta, como la CLI de Azure.

  1. Inicie sesión en su cuenta de Azure mediante el comando Connect-AzAccount y siguiendo la indicación:

    Connect-AzAccount

  1. Cree una aplicación mediante el comando New-AzWebApp:

    New-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -Location westeurope
    • Reemplace <app-name> por un nombre que sea único en todo Azure (los caracteres válidos son a-z, 0-9 y - ). Una combinación del nombre de la empresa y un identificador de la aplicación es un buen patrón.
    • Opcionalmente, incluya el parámetro -Location <location-name>, donde <location-name> es una región de Azure disponible. Puede recuperar una lista de las regiones permitidas para su cuenta de Azure mediante la ejecución del comando Get-AzLocation.

    El comando puede tardar unos minutos en completarse. Mientras se ejecuta, el comando crea un grupo de recursos, un plan de App Service y el recurso de App Service.

  2. En la carpeta raíz de la aplicación, prepare la aplicación MyFirstAzureWebApp local para la implementación mediante el comando dotnet publish:

    dotnet publish --configuration Release

  3. Cambie al directorio de versión y cree un archivo ZIP a partir del contenido:

    cd bin\Release\net8.0\publish
Compress-Archive -Path * -DestinationPath deploy.zip

  4. Publique el archivo ZIP en la aplicación de Azure mediante el comando Publish-AzWebApp:

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force

    Nota

    -ArchivePath necesita la ruta de acceso completa del archivo ZIP.

  5. Abra un explorador web y vaya a dicha dirección:

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

    Captura de pantalla de la CLI: aplicación web de ASP.NET Core 8.0 en Azure.

  1. Escriba app services en la búsqueda. En Servicios, seleccione App Services.

    Captura de pantalla del cuadro de búsqueda de Azure Portal.

  2. En la página App Services, seleccione Crear>Aplicación web.

  3. En la pestaña Básica:

    • En Grupo de recursos, seleccione Crear nuevo. Escriba myResourceGroup para el nombre.
    • En Nombre, escriba un nombre único global para la aplicación web.
    • En Publicar, seleccione Código.
    • En Pila en tiempo de ejecución, seleccione .NET 8 (LTS).
    • En Sistema operativo, seleccione Windows. Si selecciona Linux, no puede configurar la implementación de GitHub en el paso siguiente, pero todavía puede hacerlo después de crear la aplicación en la página Centro de implementación.
    • Seleccione la Región desde la que quiere atender la aplicación.
    • En Plan de App Service, seleccione Crear nuevo y escriba myAppServicePlan como nombre.
    • En Plan de precios, seleccione Gratis F1.

    Captura de pantalla de nueva configuración de aplicación de App Service para .NET 8 en Azure Portal.

  4. Seleccione la pestaña Implementación en la parte superior de la página

  5. En Configuración de Acciones de GitHub, establezca Implementación continua en Habilitar.

  6. En Detalles de Acciones de GitHub, autentíquese con su cuenta de GitHub y seleccione las siguientes opciones:

    • En Organización, seleccione la organización en la que bifurcaron el proyecto de demostración.
    • En Repositorio, seleccione el proyecto dotnetcore-docs-hello-world.
    • En Rama, seleccione main.

    Captura de pantalla de las opciones de implementación de una app mediante el tiempo de ejecución de .NET 8.

    Nota:

    De forma predeterminada, el asistente para la creación deshabilita la autenticación básica y la implementación de Acciones de GitHub se crea mediante una identidad asignada por el usuario. Si recibe un error de permisos durante la creación de recursos, es posible que la cuenta de Azure no tenga permisos suficientes. Puede configurar la implementación de Acciones de GitHub más adelante con una identidad generada por un administrador de Azure o también puede habilitar la autenticación básica.

  7. Seleccione el botón Revisar y crear de la parte inferior de la página.

  8. Después de que se ejecute la validación, seleccione el botón Crear en la parte inferior de la página.

  9. Una vez finalizada la implementación, seleccione Ir al recurso.

    Captura de pantalla del siguiente paso de ir al recurso.

  10. Vaya a la aplicación implementada mediante el explorador web en la dirección URL http://<app-name>.azurewebsites.net. Si ve el mensaje "La aplicación web se está ejecutando y esperando el contenido", la implementación de GitHub todavía se está ejecutando. Espere un par de minutos y actualice la página.

La plantilla de AZD contiene archivos que generarán los siguientes recursos necesarios para que la aplicación se ejecute en App Service:

  • Un nuevo grupo de recursos que contendrá todos los recursos de Azure para el servicio.
  • Un nuevo plan de App Service especifica la ubicación, el tamaño y las características de la granja de servidores web que hospeda la aplicación.
  • Una nueva instancia de aplicación de App Service para ejecutar la aplicación implementada.

  1. Inicie sesión en su cuenta de Azure mediante el comando azd auth login y siguiendo la indicación:

    azd auth login

  2. Cree los recursos de Azure e implemente la aplicación con el comando azd up:

    azd up

    El comando azd up puede tardar unos minutos en completarse. azd up usa los archivos de Bicep de los proyectos para crear el grupo de recursos, el plan de App Service y la aplicación de hospedaje. También configura algunas opciones, como habilitar los registros, e implementa el código de la aplicación compilada. Mientras se ejecuta, el comando proporciona mensajes sobre el proceso de aprovisionamiento e implementación, incluido un vínculo a la implementación en Azure. Cuando termina, el comando también muestra un vínculo a la aplicación implementada.

  3. Abra un explorador web y vaya a dicha dirección:

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

    Captura de pantalla de la aplicación de ejemplo de .NET 4.8. implementada

3. Actualice la aplicación y vuelva a implementar

Realizará un cambio en Index.cshtml y volverá a implementar para ver los cambios. En la plantilla .NET 8.0, se encuentra en la carpeta Pages. En la plantilla de .NET Framework 4.8, se encuentra en la carpeta Views/Home. 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:

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

    Sugerencia

    Con GitHub Copilot habilitado en Visual Studio, pruebe lo siguiente:

    1. Seleccione el elemento <div> y escriba Alt+/.
    2. Pregunte a Copilot: "Cambie a una tarjeta de arranque que diga .NET 💜 Azure".

    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 8.0 actualizada se muestra en la página.

    Captura de pantalla de Visual Studio: aplicación web de ASP.NET Core 8.0 actualizada en Azure.

  1. Abra Pages/Index.cshtml.

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

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

    Sugerencia

    Pruebe esto con GitHub Copilot:

    1. Seleccione todo el elemento <div> y haga clic en .
    2. Pregunte a Copilot: "Cambie a una tarjeta de arranque que diga .NET 💜 Azure".

    Guarde los cambios.

  3. En Visual Studio Code, abra la paleta de comandos, Ctrl+Shift+P.

  4. Busque y seleccione "Azure App Service: Implementar en aplicación web".

  5. Seleccione la suscripción y la aplicación web que usó anteriormente.

  6. Cuando se le solicite, seleccione Implementar.

  7. Cuando finalice la publicación, seleccione Examinar sitio web en la notificación.

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

    Captura de pantalla de Visual Studio Code: aplicación web de ASP.NET Core 8.0 actualizada en Azure.

Sugerencia

Para ver cómo Visual Studio Code con GitHub Copilot ayuda a mejorar la experiencia de desarrollo web, consulte los pasos de Visual Studio Code.

En el directorio local, abra el archivo Pages/Index.cshtml. Reemplace el primer elemento <div>:

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

Guarde los cambios y vuelva a implementar la aplicación con el comando az webapp up y reemplace <os> por linux o windows.

az webapp up --os-type <os>

Este comando utiliza valores que se almacenan en caché de forma local en el archivo .azure/config, incluidos el nombre de la aplicación, el grupo de recursos y el plan de App Service.

Una vez que la implementación haya finalizado, vuelva a cambiar la ventana del explorador que se abrió en el paso Navegación hasta la aplicación y actualice la vista.

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

Captura de pantalla de la CLI: aplicación web de ASP.NET Core 8.0 actualizada en Azure.

  1. En el directorio local, abra el archivo Pages/Index.cshtml. Reemplace el primer elemento <div>:

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

  2. En la carpeta raíz de la aplicación, prepare la aplicación MyFirstAzureWebApp local para la implementación mediante el comando dotnet publish:

    dotnet publish --configuration Release

  3. Cambie al directorio de versión y cree un archivo ZIP a partir del contenido:

    cd bin\Release\net8.0\publish
Compress-Archive -Path * -DestinationPath deploy.zip

  4. Publique el archivo ZIP en la aplicación de Azure mediante el comando Publish-AzWebApp:

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force

    Nota

    -ArchivePath necesita la ruta de acceso completa del archivo ZIP.

  5. Una vez que la implementación haya finalizado, vuelva a cambiar la ventana del explorador que se abrió en el paso Navegación hasta la aplicación y actualice la vista.

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

    Captura de pantalla de la CLI: aplicación web de ASP.NET Core 8.0 actualizada en Azure.

  1. Vaya a la bifurcación de GitHub del código de ejemplo.

  2. En la página del repositorio, cree un espacio de código seleccionando Código>Crear espacio de código en la principal.

    Sugerencia

    Si tiene una cuenta de GitHub Copilot, pruebe a obtener las características de GitHub Copilot en el espacio de código.

  3. Abra index.cshtml.

    Index.cshtml se encuentra en la carpeta Pages.

    Captura de pantalla de la ventana Explorador de Visual Studio Code en el explorador, que resalta Index.cshtml en el repositorio dotnetcore-docs-hello-world

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

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

    Los cambios se guardan automáticamente.

    Sugerencia

    Pruebe esto con GitHub Copilot:

    1. Seleccione todo el elemento <div> y haga clic en .
    2. Pregunte a Copilot: "Cambie a una tarjeta de arranque que diga .NET 💜 Azure".

  5. En el menú Control de código fuente, escriba un mensaje de confirmación como Modify homepage. A continuación, seleccione Confirmar y confirme el almacenamiento provisional de los cambios; para ello, seleccione Sí.

    Sugerencia

    Deje que GitHub Copilot cree un mensaje de confirmación para usted seleccionando en el cuadro de mensaje.

  6. Seleccione Sincronizar cambios 1 y, a continuación, confirme; para ello, seleccione Aceptar.

  7. La implementación tarda unos minutos en ejecutarse. Para ver el progreso, vaya a https://github.com/<your-github-alias>/dotnetcore-docs-hello-world/actions.

  8. Vuelva a la ventana del explorador que se abrió en el paso Navegación hasta la aplicación y actualice la página.

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

    Captura de pantalla de la CLI: aplicación web de ASP.NET Core 8.0 actualizada en Azure.

En el directorio local, abra el archivo src/Pages/Index.cshtml. Reemplace el primer elemento <div>:

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

Guarde los cambios y vuelva a implementar la aplicación con el comando azd up:

azd up

azd up omite el paso de aprovisionamiento de recursos esta vez y solo vuelve a implementar el código, ya que no ha habido cambios en los archivos de Bicep.

Una vez completada la implementación, el explorador se abre en la aplicación web actualizada ASP.NET Core 8.0.

Captura de pantalla de la CLI: aplicación web de ASP.NET Core 8.0 actualizada en Azure.

4. Administre la aplicación de Azure

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

Captura de pantalla de Azure Portal: seleccione la opción App Services.

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

Captura de pantalla Azure Portal: 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.

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

Limpieza de recursos

En los pasos anteriores, creó recursos de Azure en un grupo de recursos. Si no cree que vaya a necesitar estos recursos en el futuro, puede eliminarlos mediante la eliminación del grupo de recursos.

  1. En la página Información general de la aplicación web de Azure Portal, seleccione el vínculo myResourceGroup en Grupo de recursos.
  2. En la página del grupo de recursos, asegúrese de que los recursos que aparecen son los que quiere eliminar.
  3. Seleccione Eliminar grupo de recursos, escriba myResourceGroup en el cuadro de texto y seleccione Eliminar.
  4. Vuelva a confirmar seleccionando Eliminar.

Limpieza de recursos

En los pasos anteriores, creó recursos de Azure en un grupo de recursos. Si no cree que vaya a necesitar estos recursos en el futuro, puede eliminarlos mediante la eliminación del grupo de recursos.

  1. En la página Información general de la aplicación web de Azure Portal, seleccione el vínculo myResourceGroup en Grupo de recursos.
  2. En la página del grupo de recursos, asegúrese de que los recursos que aparecen son los que quiere eliminar.
  3. Seleccione Eliminar grupo de recursos, escriba myResourceGroup en el cuadro de texto y seleccione Eliminar.
  4. Vuelva a confirmar seleccionando Eliminar.

En los pasos anteriores, creó recursos de Azure en un grupo de recursos. Si prevé que no necesitará estos recursos en el futuro, elimine el grupo de recursos ejecutando el siguiente comando en Cloud Shell:

az group delete

Para mayor comodidad, el comando az webapp up que ejecutó anteriormente en este proyecto guarda el nombre del grupo de recursos como el valor predeterminado siempre que ejecute comandos az desde este proyecto.

Limpieza de recursos

En los pasos anteriores, creó recursos de Azure en un grupo de recursos. Si prevé que no necesitará estos recursos en el futuro, ejecute el siguiente comando de PowerShell para eliminar el grupo de recursos:

Remove-AzResourceGroup -Name myResourceGroup

Este comando puede tardar varios segundos en ejecutarse.

Limpieza de recursos

En los pasos anteriores, creó recursos de Azure en un grupo de recursos. Si no cree que vaya a necesitar estos recursos en el futuro, puede eliminarlos mediante la eliminación del grupo de recursos.

  1. En la página Información general de la aplicación web de Azure Portal, seleccione el vínculo myResourceGroup en Grupo de recursos.
  2. En la página del grupo de recursos, asegúrese de que los recursos que aparecen son los que quiere eliminar.
  3. Seleccione Eliminar grupo de recursos, escriba myResourceGroup en el cuadro de texto y seleccione Eliminar.
  4. Vuelva a confirmar seleccionando Eliminar.

Limpieza de recursos

Use el comando azd down para quitar el grupo de recursos y todos los recursos asociados a él:

azd down

Consulte la documentación de Azure Developer CLI para conocer los pasos siguientes a la hora de trabajar con plantillas de azd y otras características.

Pasos siguientes

Pase al siguiente artículo para aprender a crear una aplicación de .NET Core y conectarla a una instancia de SQL Database:

Tutorial: Aplicación de ASP.NET Core con SQL Database

Plantilla de aplicación: aplicación de ASP.NET Core con SQL Database y App Insights implementado mediante Acciones de GitHub de CI/CD

Configure ASP.NET Core app (Configuración de una aplicación de ASP.NET Core)

Más información acerca de Azure Developer CLI