Está en la página 1de 11

Creación de una aplicación web ASP.

NET
Core en Azure

En esta guía de inicio rápido, aprenderá a crear e implementar su primera


aplicación web de ASP.NET Core en Azure App Service.

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.

Prerrequisitos

• Una cuenta de Azure con una suscripción activa. Cree una cuenta gratuita.
• En este inicio rápido se implementa una aplicación en App Service en
Windows. Para realizar implementaciones en App Service en Linux,
consulte Creación de una aplicación web de .NET Core en App Service en
Linux.
• Instalar Visual Studio 2019 con la carga de trabajo de ASP.NET y desarrollo
web.

Si ya ha instalado Visual Studio 2019:

o Para instalar las actualizaciones más recientes de Visual Studio,


seleccione Ayuda > Buscar actualizaciones.
o Para agregar la carga de trabajo, seleccione Herramientas > Obtener
herramientas y características.
Cree una aplicación web ASP.NET Core

Siga estos pasos para crear una aplicación web de ASP.NET Core en Visual Studio:

1. Abra Visual Studio y seleccione Crear un proyecto.


2. En Crear un nuevo proyecto, seleccione Aplicación web ASP.NET Core y
confirme que C# aparece en los lenguajes de esa opción y, a continuación,
seleccione Siguiente.
3. En Configure su nuevo proyecto, asigne al proyecto de aplicación web el
nombre miPrimeraAzureWebApp y luego seleccione Crear.
4. Puede implementar cualquier tipo de aplicación web de ASP.NET Core en
Azure pero, para este inicio rápido, elija la plantilla de Aplicación
web. Asegúrese de que Autenticación esté establecido en Sin
autenticación y que no hay ninguna otra opción
seleccionada. Seleccione Crear.
5. En el menú de Visual Studio, seleccione Depurar > Iniciar sin depurar para
ejecutar la aplicación web localmente.
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 Explorador de soluciones, haga clic con el botón derecho en el


proyecto myFirstAzureWebApp y seleccione Publicar. Si aún no ha iniciado
sesión en la cuenta de Azure desde Visual Studio, seleccione Agregar una
cuenta o Iniciar sesión. También puede crear una cuenta de Azure gratis.
2. En el cuadro de diálogo Elegir un destino de publicación, elija App Service,
seleccione Crear nuevo y, a continuación, seleccione Crear perfil.
3. En el cuadro de diálogo App Service: Cree un nuevo cuadro de diálogo y
proporcione un nombre único global para la aplicación; para ello, acepte el
nombre predeterminado o escriba uno nuevo. Los caracteres válidos son a-
z, A-Z, 0-9 y -. Este nombre se usa como prefijo de dirección URL para la
aplicación web con el formato http://<app_name>.azurewebsites.net .
4. En Suscripción, acepte la suscripción que aparece o seleccione otra en la lista
desplegable.
5. En Grupo de recursos, seleccione Nuevo. En Nuevo nombre de grupo de
recursos, escriba myResourceGroup y seleccione Aceptar.
6. En Plan de hospedaje, seleccione Nuevo.
7. 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 miPrimerPlanDeAzureWebApp Nombre del plan de App Service.


Configuración Valor sugerido Descripción

Ubicación Oeste de Europa El centro de datos donde se hospeda la ap

Tamaño Gratis Plan de tarifa determina las característica

8.
9. Deje Application Insights establecida en Ninguno.
10. En el cuadro de diálogo App Service: Crear nuevo, seleccione Crear para
empezar a crear los recursos de Azure.
11. Una vez completado el asistente, seleccione Publicar.

Visual Studio publica la aplicación web de ASP.NET Core en Azure e inicia la


aplicación en el explorador predeterminado.
¡Enhorabuena! La aplicación web de ASP.NET Core se está ejecutando en Azure
App Service.

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 Explorador de soluciones, en el proyecto, abra Pages > Index.cshtml.


2. Reemplace las dos etiquetas <div> por el código siguiente:

HTMLCopiar

<div class="jumbotron">
<h1>ASP.NET in Azure!</h1>
<p class="lead">This is a simple app that we've built that demonstrates
how to deploy a .NET app to Azure App Service.</p>
</div>

3. Para volver a implementar 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.

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.

En el menú de Azure Portal o en la página de inicio, seleccione Grupos de


recursos y, en la página Grupos de recursos, seleccione myResourceGroup.

En la página myResourceGroup, asegúrese de que los recursos enumerados sean


los que desea eliminar.

Seleccione Eliminar, escriba myResourceGroup en el cuadro de texto y


seleccione Eliminar.

Información de: https://docs.microsoft.com/es-mx/azure/app-service/app-service-web-get-


started-dotnet

También podría gustarte