Creación de una aplicación web ASP.NET Core en AzureCreate an ASP.NET Core web app in Azure

Nota

En este artículo se implementa una aplicación en App Service en Windows.This article deploys an app to App Service on 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.To deploy to App Service on Linux, see Create a .NET Core web app in App Service on Linux.

Azure App Service proporciona un servicio de hospedaje web muy escalable y con aplicación de revisiones de un modo automático.Azure App Service provides a highly scalable, self-patching web hosting service. En este inicio rápido se muestra cómo implementar su primera aplicación web ASP.NET Core en Azure App Service.This quickstart shows how to deploy your first ASP.NET Core web app to Azure App Service. Cuando haya terminado, tendrá un grupo de recursos que consta de un plan de App Service y una aplicación de App Service con una aplicación web implementada.When you're finished, you'll have a resource group that consists of an App Service plan and an App Service app with a deployed web application.

Si no tiene una suscripción a Azure, cree una cuenta gratuita antes de empezar.If you don't have an Azure subscription, create a free account before you begin.

Requisitos previosPrerequisites

Para completar este tutorial, instale Visual Studio 2017 con la carga de trabajo de ASP.NET y desarrollo web.To complete this tutorial, install Visual Studio 2017 with the ASP.NET and web development workload.

Si ya ha instalado Visual Studio 2017:If you've installed Visual Studio 2017 already:

  • Para instalar las actualizaciones más recientes de Visual Studio, haga clic en Ayuda > Buscar actualizaciones.Install the latest updates in Visual Studio by clicking Help > Check for Updates.
  • Para agregar la carga de trabajo, haga clic en Herramientas > Obtener herramientas y características.Add the workload by clicking Tools > Get Tools and Features.

Cree una aplicación web ASP.NET CoreCreate an ASP.NET Core web app

Cree un proyecto nuevo en Visual Studio seleccionando Archivo > Nuevo > Proyecto.In Visual Studio, create a project by selecting File > New > Project.

En el cuadro de diálogo Nuevo proyecto, seleccione Visual C# > Web > Aplicación web ASP.NET Core.In the New Project dialog, select Visual C# > Web > ASP.NET Core Web Application.

Asigne a la aplicación el nombre myFirstAzureWebApp y seleccione Aceptar.Name the application myFirstAzureWebApp, and then select OK.

Cuadro de diálogo Nuevo proyecto

Puede implementar cualquier tipo de aplicación web ASP.NET Core en Azure.You can deploy any type of ASP.NET Core web app to Azure. Para esta guía de inicio rápido, seleccione la plantilla Aplicación web y asegúrese de que la autenticación se establece en Sin autenticación y que no hay ninguna otra opción seleccionada.For this quickstart, select the Web Application template, and make sure authentication is set to No Authentication and no other option is selected.

Seleccione Aceptar.Select OK.

Cuadro de diálogo Nuevo proyecto de ASP.NET

En el menú, seleccione Depurar > Iniciar sin depurar para ejecutar la aplicación web localmente.From the menu, select Debug > Start without Debugging to run the web app locally.

Ejecución de la aplicación de forma local

Inicio del Asistente para publicaciónLaunch the publish wizard

En el Explorador de soluciones, haga clic con el botón derecho en el proyecto myFirstAzureWebApp y seleccione Publicar.In the Solution Explorer, right-click the myFirstAzureWebApp project and select Publish.

Publicar desde el Explorador de soluciones

El Asistente para publicación se inicia automáticamente.The publish wizard is automatically launched. Seleccione App Service > Publicar para abrir el cuadro de diálogo Crear servicio de aplicaciones.Select App Service > Publish to open the Create App Service dialog.

Publicar desde la página de información general del proyecto

Inicio de sesión en AzureSign in to Azure

En el cuadro de diálogo Crear App Service, haga clic en Agregar una cuenta e inicie sesión en su suscripción de Azure.In the Create App Service dialog, click Add an account, and sign in to your Azure subscription. Si ya ha iniciado sesión, seleccione la cuenta que desee en la lista desplegable.If you're already signed in, select the account you want from the dropdown.

Nota

Si ya ha iniciado sesión, no seleccione Crear todavía.If you're already signed in, don't select Create yet.

Inicio de sesión en Azure

Crear un grupo de recursosCreate a resource group

Un grupo de recursos es un contenedor lógico en el que se implementan y administran recursos de Azure como aplicaciones web, bases de datos y cuentas de almacenamiento.A resource group is a logical container into which Azure resources like web apps, databases, and storage accounts are deployed and managed. Por ejemplo, más adelante puede elegir eliminar todo el grupo de recursos en un solo paso.For example, you can choose to delete the entire resource group in one simple step later.

Junto a Grupo de recursos, seleccione Nuevo.Next to Resource Group, select New.

Asigne el nombre myResourceGroup al grupo de recursos y seleccione Aceptar.Name the resource group myResourceGroup and select OK.

Creación de un plan de App ServiceCreate an App Service plan

Un 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.An App Service plan specifies the location, size, and features of the web server farm that hosts your app. Para ahorrar dinero cuando hospede varias aplicaciones, configure las aplicaciones web para que compartan un único plan de App Service.You can save money when hosting multiple apps by configuring the web apps to share a single App Service plan.

Los planes de App Service definen lo siguiente:App Service plans define:

  • Región (por ejemplo: Europa del Norte, este de EE. UU. o Sudeste Asiático)Region (for example: North Europe, East US, or Southeast Asia)
  • Tamaño de la instancia (pequeño, mediano o grande)Instance size (small, medium, or large)
  • Recuento de escala (de 1 a 20 instancias)Scale count (1 to 20 instances)
  • SKU (Gratis, Compartido, Básico, Estándar o Premium)SKU (Free, Shared, Basic, Standard, or Premium)

Junto a Plan de hospedaje, seleccione Nuevo.Next to Hosting Plan, select New.

En el cuadro de diálogo Configurar un plan de hospedaje, use la configuración de la tabla que sigue a la captura de pantalla.In the Configure Hosting Plan dialog, use the settings in the table following the screenshot.

Creación de un plan de App Service

ConfiguraciónSetting Valor sugeridoSuggested Value DESCRIPCIÓNDescription
Plan de App ServiceApp Service Plan myAppServicePlanmyAppServicePlan Nombre del plan de App Service.Name of the App Service plan.
UbicaciónLocation Europa occidentalWest Europe El centro de datos donde se hospeda la aplicación web.The datacenter where the web app is hosted.
TamañoSize GratuitoFree Plan de tarifa determina las características de hospedaje.Pricing tier determines hosting features.

Seleccione Aceptar.Select OK.

Creación y publicación de la aplicación webCreate and publish the web app

En Nombre de la aplicación, escriba un nombre único de aplicación (los caracteres válidos son a-z, 0-9 y -) o acepte el nombre único generado automáticamente.In App Name, type a unique app name (valid characters are a-z, 0-9, and -), or accept the automatically generated unique name. 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.The URL of the web app is http://<app_name>.azurewebsites.net, where <app_name> is your app name.

Seleccione Crear para comenzar a crear los recursos de Azure.Select Create to start creating the Azure resources.

Configuración del nombre de la aplicación

Una vez completado el asistente, publica la aplicación web ASP.NET Core en Azure e inicia la aplicación en el explorador predeterminado.Once the wizard completes, it publishes the ASP.NET Core web app to Azure, and then launches the app in the default browser.

Aplicación web de ASP.NET publicada en Azure

El nombre de aplicación especificado en el paso de creación y publicación se usa como el prefijo de dirección URL en el formato http://<app_name>.azurewebsites.net.The app name specified in the create and publish step is used as the URL prefix in the format http://<app_name>.azurewebsites.net.

Su aplicación web ASP.NET Core se está ejecutando en vivo en Azure App Service.Congratulations, your ASP.NET Core web app is running live in Azure App Service.

Actualización de la aplicación y nueva implementaciónUpdate the app and redeploy

Desde el Explorador de soluciones, abra Pages/Index.cshtml.From the Solution Explorer, open Pages/Index.cshtml.

Reemplace las dos etiquetas <div> por el código siguiente:Replace the two <div> tags with the following code:

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

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.To redeploy to Azure, right-click the myFirstAzureWebApp project in Solution Explorer and select Publish.

En la página de resumen de publicación, seleccione Publicar.In the publish summary page, select Publish. Página de resumen de publicación de Visual StudioVisual Studio publish summary page

Cuando se completa la publicación, Visual Studio inicia un explorador en la dirección URL de la aplicación web.When publishing completes, Visual Studio launches a browser to the URL of the web app.

Aplicación web actualizada de ASP.NET en Azure

Administración de la aplicación de AzureManage the Azure app

Vaya a Azure Portal para administrar la aplicación web.Go to the Azure portal to manage the web app.

En el menú izquierdo, seleccione App Services y, después, el nombre de la aplicación de Azure.From the left menu, select App Services, and then select the name of your Azure app.

Navegación en el portal a la aplicación de Azure

Podrá ver la página de información general de la aplicación web.You see your web app's Overview page. En este caso, puede realizar tareas de administración básicas como examinar, detener, iniciar, reiniciar y eliminar.Here, you can perform basic management tasks like browse, stop, start, restart, and delete.

Hoja de App Service en Azure Portal

El menú izquierdo proporciona distintas páginas para configurar la aplicación.The left menu provides different pages for configuring your app.

Limpieza de recursosClean up resources

En los pasos anteriores, creó recursos de Azure en un grupo de recursos.In the preceding steps, you created Azure resources in a resource group. Si no cree que vaya a necesitar estos recursos en el futuro, puede eliminarlos mediante la eliminación del grupo de recursos.If you don't expect to need these resources in the future, you can delete them by deleting the resource group.

En el menú izquierdo de Azure Portal, haga clic en Grupos de recursos y en myResourceGroup.From the left menu in the Azure portal, select Resource groups and then select myResourceGroup.

En la página del grupo de recursos, asegúrese de que los recursos enumerados sean los que desea eliminar.On the resource group page, make sure that the listed resources are the ones you want to delete.

Seleccione Eliminar, escriba myResourceGroup en el cuadro de texto y seleccione Eliminar.Select Delete, type myResourceGroup in the text box, and then select Delete.

Pasos siguientesNext steps