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 2019 con la carga de trabajo de ASP.NET y desarrollo web.To complete this tutorial, install Visual Studio 2019 with the ASP.NET and web development workload.

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

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

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

Cree una aplicación web ASP.NET Core siguiendo estos pasos:Create an ASP.NET Core web app by following these steps:

  1. Abra Visual Studio y seleccione Crear un proyecto.Open Visual Studio and then select Create a new project.

  2. En Crear un proyecto, busque y elija Aplicación web ASP.NET Core para C# y, a continuación, seleccione Siguiente.In Create a new project, find and choose ASP.NET Core Web Application for C#, then select Next.

  3. En Configurar el nuevo proyecto, asigne al proyecto el nombre myFirstAzureWebApp y luego seleccione Crear.In Configure your new project, name the application myFirstAzureWebApp, and then select Create.

    Configuración del proyecto de aplicación web

  4. Para este inicio rápido, elija la plantilla Aplicación web.For this quickstart, choose the Web Application template. Asegúrese de establecer la autenticación en Sin autenticación y que no hay ninguna otra opción seleccionada.Make sure authentication is set to No Authentication and no other option is selected. Seleccione Crear.Select Create.

    Seleccione Razor Pages de ASP.NET Core para este tutorial

    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.

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

    Ejecución de la aplicación de forma local

Publicación de la aplicación webPublish your web app

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

  2. Elija App Service y seleccione Publicar.Choose App Service and then select Publish.

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

  3. En App Service Create new (App Service - Crear nuevo), 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.In App Service Create new, your options depend on whether you're signed in to Azure already and whether you have a Visual Studio account linked to an Azure account. Seleccione Agregar una cuenta o Iniciar sesión para iniciar sesión en la suscripción de Azure.Select either Add an account or Sign in to sign in to your Azure subscription. Si ya ha iniciado sesión, seleccione la cuenta que desee.If you're already signed in, select the account you want.

    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

    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.

  4. En Grupo de recursos, seleccione Nuevo.For Resource group, select New.

  5. En Nuevo nombre de grupo de recursos, escriba myResourceGroup y seleccione Aceptar.In New resource group name, enter myResourceGroup and select OK.

    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)
  6. En Plan de hospedaje, seleccione Nuevo.For the Hosting Plan, select New.

  7. En el cuadro de diálogo Configurar un plan de hospedaje, escriba los valores en la tabla siguiente y, después, seleccione Aceptar.In the Configure Hosting Plan dialog, enter the values from the following table, and then select OK.

    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.
    LocationLocation Europa occidentalWest Europe El centro de datos donde se hospeda la aplicación web.The datacenter where the web app is hosted.
    SizeSize GratuitoFree Plan de tarifa determina las características de hospedaje.Pricing tier determines hosting features.

    Creación de un plan de App Service

  8. 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 -.In Name, enter a unique app name that includes only the valid characters are a-z, A-Z, 0-9, and -. Puede aceptar el nombre único generado automáticamente.You can 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.

    Configuración del nombre de la aplicación

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

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 la página App Service Create new (App Service - Crear nuevo) se usa como el prefijo de dirección URL en el formato http://<app_name>.azurewebsites.net.The app name specified in the App Service Create new page is used as the URL prefix in the format http://<app_name>.azurewebsites.net.

¡Enhorabuena!Congratulations! La aplicación web de ASP.NET Core se está ejecutando en Azure App Service.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

  1. En Explorador de soluciones, en el proyecto, abra Pages > Index.cshtml.In Solution Explorer, under your project, open Pages > Index.cshtml.

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

  4. En la página de resumen Publicar, seleccione Publicar.In the Publish summary page, select Publish.

    Página de resumen de publicación de Visual Studio

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

Para administrar la aplicación web, vaya a Azure Portal y busque y seleccione App Services.To manage the web app, go to the Azure portal, and search for and select App Services.

Selección de App Services

En la página App Services, seleccione el nombre de la aplicación web.On the App Services page, select the name of your web 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 ella, puede realizar una administración básica como examinar, detener, iniciar, reiniciar y eliminar.Here, you can do basic management like browse, stop, start, restart, and delete.

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ú de Azure Portal o en la página de inicio, seleccione Grupos de recursos y, en la página Grupos de recursos, seleccione myResourceGroup.From the Azure portal menu or Home page, select Resource groups, and on the Resource groups page, select myResourceGroup.

En la página myResourceGroup, asegúrese de que los recursos enumerados sean los que desea eliminar.On the myResourceGroup 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