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

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.

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

Prerrequisitos

.NET 6.0

• Una cuenta de Azure con una suscripción activa. Cree una cuenta gratuita.
• Visual Studio 2022 con la carga de trabajo de ASP.NET y desarrollo web

.NET Framework 4.8

• Una cuenta de Azure con una suscripción activa. Cree una cuenta gratuita.
• Visual Studio 2022 con la carga de trabajo ASP.NET y desarrollo web (asegúrese de que está activada la casilla opcional .NET Framework plantillas de proyecto y elemento).

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.

• Una cuenta de Azure con una suscripción activa. Cree una cuenta gratuita.
• Visual Studio Code.
• La extensión Azure Tools.

.NET 6.0

Instale el SDK de .NET 6.0 más reciente.

.NET Framework 4.8

Instale el paquete para desarrolladores de .NET Framework 4.8.

Nota

Visual Studio Code es un editor de código multiplataforma, pero .NET Framework no lo es. Si va a desarrollar aplicaciones de .NET Framework con Visual Studio Code, considere la posibilidad de usar una máquina Windows para cubrir las dependencias de compilación.

• Una cuenta de Azure con una suscripción activa. Cree una cuenta gratuita.
• LaCLI de Azure.
• El SDK de .NET SDK (incluye el runtime y la CLI).

.NET 6.0

Instale el SDK de .NET 6.0 más reciente.

.NET Framework 4.8

Instale el SDK de .NET 6.0 más reciente. e el paquete para desarrolladores de .NET Framework 4.8.

Nota

La CLI de .NET y .NET 6.0 son multiplataforma, pero .NET Framework no lo es. Si va a desarrollar aplicaciones de .NET Framework con la CLI de .NET, considere la posibilidad de usar una máquina Windows para cubrir las dependencias de compilación. .NET 6.0 es multiplataforma.

• Una cuenta de Azure con una suscripción activa. Cree una cuenta gratuita.
• Azure PowerShell.
• El SDK de .NET SDK (incluye el runtime y la CLI).

.NET 6.0

Instale el SDK de .NET 6.0 más reciente.

.NET Framework 4.8

Instale el SDK de .NET 6.0 más reciente. e el paquete para desarrolladores de .NET Framework 4.8.

Nota

Azure PowerShell y .NET 6.0 son multiplataforma, pero .NET Framework no lo es. Si va a desarrollar aplicaciones de .NET Framework con la CLI de .NET, considere la posibilidad de usar una máquina Windows para cubrir las dependencias de compilación.

.NET 6.0

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

.NET Framework 4.8

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

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

.NET 6.0

1. Abra Visual Studio y seleccione Crear un proyecto.

2. En Crear un proyecto, busque y seleccione 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.

   

4. Seleccione .NET 6.0 (compatibilidad a largo plazo).

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

   

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

   

.NET Framework 4.8

1. Abra Visual Studio y seleccione Crear un proyecto.

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

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

   

4. Seleccione la plantilla MVC .

5. Asegúrese de que en Autenticación se ha seleccionado Sin autenticación. Seleccione Crear.

   

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

   

1. En la ventana de terminal, cree una carpeta denominada MyFirstAzureWebApp y ábrala en Visual Studio Code.

   mkdir MyFirstAzureWebApp
   code MyFirstAzureWebApp
   

2. En Visual Studio Code, abra una ventana de terminal escribiendo Ctrl + `.

3. En el terminal de Visual Studio Code, cree una aplicación web de .NET mediante el comando dotnet new webapp.

   .NET 6.0

   dotnet new webapp -f net6.0
   

   .NET Framework 4.8

   dotnet new webapp --target-framework-override net48
   

   Importante

   La marca --target-framework-override es un reemplazo del texto de forma libre del moniker de la plataforma de destino (TFM) del proyecto y no ofrece ninguna garantía de que la plantilla de apoyo exista o se compile. Las aplicaciones de .NET Framework solo se pueden compilar y ejecutar en Windows.

4. En Visual Studio Code, desde el Terminal ejecute la aplicación localmente mediante el comando dotnet run.

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

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

   .NET 6.0

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

   

   .NET Framework 4.8

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

   

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.

   .NET 6.0

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

   .NET Framework 4.8

   dotnet new webapp -n MyFirstAzureWebApp --target-framework-override net48
   cd MyFirstAzureWebApp
   

   Importante

   La marca --target-framework-override es un reemplazo del texto de forma libre del moniker de la plataforma de destino (TFM) del proyecto y no ofrece ninguna garantía de que la plantilla de apoyo exista o se compile. Las aplicaciones de .NET Framework solo se pueden compilar en Windows.

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.

   .NET 6.0

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

   

   .NET Framework 4.8

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

   

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

.NET 6.0

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

.NET Framework 4.8

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

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

   

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.

   

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

   

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	Gratis	Plan de tarifa determina 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.

    

    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 en la instancia de App Service y, después, seleccione Finalizar. 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.

    .NET 6.0

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

    

    .NET Framework 4.8

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

    

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

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

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

   1. Seleccione MyFirstAzureWebApp como la carpeta que se va a implementar.
   2. Seleccione Agregar configuración cuando se le solicite.
   3. Si se le pide, inicie sesión en su cuenta de Azure.
   4. Seleccione su suscripción.
   5. Seleccione Create new Web App...Advanced (Crear aplicación web...Avanzada).
   6. 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.
   7. Seleccione Crear nuevo grupo de recursos y escriba un nombre, por ejemplo, myResourceGroup.
   8. Cuando se le pida, seleccione una pila en tiempo de ejecución:
   • En el caso de .NET 6.0, seleccione .NET 6
   • En el caso de .NET Framework 4.8, seleccione ASP.NET v4.8
   1. Seleccione un sistema operativo (Windows o Linux).
      • En el caso de .NET Framework 4.8, Windows se seleccionará implícitamente.
   2. Seleccione una ubicación cerca de usted.
   3. Seleccione Crear un nuevo plan de App Service, especifique un nombre y seleccione el plan de tarifaF1 Gratis.
   4. Seleccione Omitir por ahora para el recurso de Application Insights.

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

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

   .NET 6.0

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

   

   .NET Framework 4.8

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

   

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

   az login
   

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>
   

   • Si no se reconoce el comando az, asegúrese de tener instalada la CLI de Azure, como se describe en los requisitos previos.
   • 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 tarifaGratis. 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. Debe usar windows cuando el destino sea ASP.NET Framework 4.8.
   • 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, 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:

   .NET 6.0

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

   

   .NET Framework 4.8

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

   

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
   

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

   New-AzWebApp -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, crea un grupo de recursos, un plan de App Service y el recurso de App Service.

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

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

   .NET 6.0

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

   .NET Framework 4.8

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

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

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

   .NET 6.0

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

   

   .NET Framework 4.8

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

   

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

   

2. En la página App Services, seleccione + Crear.

3. En la pestaña Aspectos básicos, en Detalles del proyecto, asegúrese de que esté seleccionada la suscripción correcta y, a continuación, seleccione Crear nuevo grupo de recursos. Escriba myResourceGroup para el nombre.

   

4. En Detalles de instancia:

   .NET 6.0

   • 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 6 (LTS).
   • Seleccione un sistema operativo y una región desde la que quiera atender la aplicación.

   

   .NET Framework 4.8

   • 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 ASP.NET V4.8.
   • Seleccione un sistema operativo y una región desde la que quiera atender la aplicación.

   

5. En Plan de servicio de aplicaciones, seleccione Crear nuevo plan de App Service. Escriba myAppServicePlan como nombre. Para cambiar al nivel Gratis, seleccione Cambiar tamaño, elija la pestaña Desarrollo/pruebas, seleccione F1 y seleccione el botón Aplicar situado en la parte inferior de la página.

   

6. Seleccione el botón Siguiente: Implementación> situado en la parte inferior de la página.

7. En la pestaña Implementación, en Configuración de Acciones de GitHub , asegúrese de que Implementación continua esté como Habilitar.

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

   .NET 6.0

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

   

   .NET Framework 4.8

   • En Organización, seleccione la organización en la que ha bifurcado el proyecto de demostración.
   • En Repositorio, seleccione el proyecto app-service-web-dotnet-get-started.
   • En Rama, seleccione maestra.

   

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

   

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

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

    

12. Vaya a la aplicación implementada mediante el explorador web en la dirección URL http://<app-name>.azurewebsites.net.

    .NET 6.0

    

    .NET Framework 4.8

    

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:

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

   .NET 6.0

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

   

   .NET Framework 4.8

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

   

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

   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. Cuando se le solicite, seleccione Implementar.

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

   .NET 6.0

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

   

   .NET Framework 4.8

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

   

En el directorio local, abra el archivo 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:

.NET 6.0

ASP.NET Core 6.0 es multiplataforma, en función de la implementación anterior, reemplace <os> por linux o windows.

az webapp up --os-type <os>

.NET Framework 4.8

ASP.NET Framework 4.8 tiene dependencias del marco y se debe hospedar en Windows.

az webapp up --os-type windows

Sugerencia

Si le interesa hospedar aplicaciones .NET en Linux, considere la posibilidad de migrar de ASP.NET Framework a ASP.NET Core.

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.

.NET 6.0

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

.NET Framework 4.8

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

1. En el directorio local, abra el archivo 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:

   .NET 6.0

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

   .NET Framework 4.8

   cd bin\Release\net48\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.

   .NET 6.0

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

   

   .NET Framework 4.8

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

   

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

2. En la página del repositorio, presione . para iniciar Visual Studio Code dentro del explorador.

   Nota

   La dirección URL cambiará de GitHub.com a GitHub.dev. Esta característica solo funciona con repositorios que tienen archivos. No funciona en repositorios vacíos.

   .NET 6.0

   

   .NET Framework 4.8

   

3. Abra index.cshtml.

   .NET 6.0

   Index.cshtml se encuentra en la carpeta Pages.

   

   .NET Framework 4.8

   Index.cshtml se encuentra en la carpeta aspnet-get-started/Views/Home.

   

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>
   

   Guarde los cambios.

5. En el menú Control de código fuente, seleccione el botón Almacenar cambios provisionalmente para almacenar provisionalmente el cambio.

   .NET 6.0

   

   .NET Framework 4.8

   

6. Escriba un mensaje de confirmación como We love Azure. A continuación, seleccione Confirmar e insertar.

   .NET 6.0

   

   .NET Framework 4.8

   

7. Una vez que la implementación haya finalizado, vuelva a la ventana del explorador que abrió en el paso Navegación hasta la aplicación y actualice la página.

   .NET 6.0

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

   

   .NET Framework 4.8

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

   

Administración de la aplicación de Azure

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

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

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.

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, escriba myResourceGroup en el cuadro de texto y luego seleccione 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, escriba myResourceGroup en el cuadro de texto y luego seleccione Eliminar.

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, elimine el grupo de recursos ejecutando el siguiente comando en Cloud Shell:

az group delete --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 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, escriba myResourceGroup en el cuadro de texto y luego seleccione Eliminar.

Pasos siguientes

En este inicio rápido, ha creado e implementado una aplicación web de ASP.NET en Azure App Service.

.NET 6.0

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)

.NET Framework 4.8

En el siguiente artículo aprenderá a crear una aplicación de .NET Framework y conectarla a una instancia de SQL Database:

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

Configuración de una aplicación de ASP.NET Framework

 Protección con un certificado y dominio personalizado