Inicio rápido: Creación de una aplicación web ASP.NET Core en AzureQuickstart: Create an ASP.NET Core web app in 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.In this quickstart, you'll learn how to create and deploy your first ASP.NET Core web app to 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.When you're finished, you'll have an Azure resource group consisting of an App Service hosting plan and an App Service with a deployed web application.

PrerrequisitosPrerequisites

  • Una cuenta de Azure con una suscripción activa.An Azure account with an active subscription. Cree una cuenta gratuita.Create an account for free.

  • En este inicio rápido se implementa una aplicación en App Service en Windows.This quickstart 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.

  • Instalar Visual Studio 2019 con la carga de trabajo de ASP.NET y desarrollo web.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

Siga estos pasos para crear una aplicación web de ASP.NET Core en Visual Studio:Create an ASP.NET Core web app in Visual Studio by following these steps:

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

  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.In Create a new project, select ASP.NET Core Web Application and confirm that C# is listed in the languages for that choice, then select Next.

  3. En Configure su nuevo proyecto, asigne al proyecto de aplicación web el nombre miPrimeraAzureWebApp y luego seleccione Crear.In Configure your new project, name your web application project myFirstAzureWebApp, and select Create.

    Configuración del proyecto de aplicación web

  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.You can deploy any type of ASP.NET Core web app to Azure, but for this quickstart, choose the Web Application template. Asegúrese de que Autenticación esté establecido en Sin autenticación y que no hay ninguna otra opción seleccionada.Make sure Authentication is set to No Authentication, and that no other option is selected. Seleccione Crear.Then, select Create.

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

  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 your web app locally.

    Aplicación web que se ejecuta localmente

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

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.To publish your web app, you must first create and configure a new App Service that you can publish your app to.

Como parte de la configuración de la instancia de App Service, creará:As part of setting up the App Service, you'll create:

  • Un nuevo grupo de recursos que contendrá todos los recursos de Azure para el servicio.A new resource group to contain all of the Azure resources for the service.
  • 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.A new Hosting Plan that specifies the location, size, and features of the web server farm that hosts your app.

Siga estos pasos para crear la instancia de App Service y publicar la aplicación web:Follow these steps to create your App Service and publish 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. Si aún no ha iniciado sesión en la cuenta de Azure desde Visual Studio, seleccione Agregar una cuenta o Iniciar sesión.If you haven't already signed-in to your Azure account from Visual Studio, select either Add an account or Sign in. También puede crear una cuenta de Azure gratis.You can also create a free Azure account.

  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.In the Pick a publish target dialog box, choose App Service, select Create New, and then select Create Profile.

    Elegir un destino de publicación

  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.In the App Service: Create new dialog, provide a globally unique Name for your app by either accepting the default name, or entering a new name. Los caracteres válidos son a-z, A-Z, 0-9 y -.Valid characters are: a-z, A-Z, 0-9, and -. Este nombre se usa como prefijo de dirección URL para la aplicación web con el formato http://<app_name>.azurewebsites.net.This Name is used as the URL prefix for your web app in the format http://<app_name>.azurewebsites.net.

  4. En Suscripción, acepte la suscripción que aparece o seleccione otra en la lista desplegable.For Subscription, accept the subscription that is listed or select a new one from the drop-down list.

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

  6. En Plan de hospedaje, seleccione Nuevo.For Hosting Plan, select New.

  7. En el cuadro de diálogo Plan de hospedaje: Crear nuevo, escriba los valores especificados en la tabla siguiente:In the Hosting Plan: Create new dialog, enter the values specified in the following table:

    ConfiguraciónSetting Valor sugeridoSuggested Value DescripciónDescription
    Plan de hospedajeHosting Plan miPrimerPlanDeAzureWebAppmyFirstAzureWebAppPlan Nombre del plan de App Service.Name of the App Service plan.
    UbicaciónLocation Oeste de EuropaWest Europe El centro de datos donde se hospeda la aplicación web.The datacenter where the web app is hosted.
    TamañoSize GratisFree Plan de tarifa determina las características de hospedaje.Pricing tier determines hosting features.

    Creación de un nuevo plan de hospedaje

  8. Deje Application Insights establecida en Ninguno.Leave Application Insights set to None.

  9. En el cuadro de diálogo App Service: Crear nuevo, seleccione Crear para empezar a crear los recursos de Azure.In the App Service: Create new dialog box, select Create to start creating the Azure resources.

    Creación de una nueva instancia de aplicación

  10. Una vez completado el asistente, seleccione Publicar.Once the wizard completes, select Publish.

    Publicación de la aplicación web en Azure

    Visual Studio publica la aplicación web de ASP.NET Core en Azure e inicia la aplicación en el explorador predeterminado.Visual Studio publishes your ASP.NET Core web app to Azure, and launches the app in your default browser.

    Aplicación web de ASP.NET publicada en ejecución en Azure

¡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

Siga estos pasos para actualizar y volver a implementar la aplicación web:Follow these steps to update and redeploy your web app:

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

  2. Reemplace la etiqueta <div> entera por el siguiente código:Replace the entire <div> tag 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.

    Publicación de actualizaciones en la aplicación web

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

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.The Overview page for your web app, contains options for basic management like browse, stop, start, restart, and delete. El menú izquierdo proporciona varias páginas para configurar la aplicación.The left menu provides further pages for configuring your app.

App Service en Azure Portal

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 grupo de recursos, escriba myResourceGroup en el cuadro de texto para confirmar y, después, seleccione Eliminar.Select Delete resource group, type myResourceGroup in the text box to confirm, and then select Delete.

Pasos siguientesNext steps

En este inicio rápido, ha utilizado Visual Studio para crear e implementar una aplicación web de ASP.NET Core en Azure App Service.In this quickstart, you used Visual Studio to create and deploy an ASP.NET Core web app to Azure App Service.

Pase al siguiente artículo para aprender a crear una aplicación de .NET Core y conectarla a una instancia de SQL Database:Advance to the next article to learn how to create a .NET Core app and connect it to a SQL Database:

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

¿Quiere optimizar y ahorrar en el gasto en la nube?Want to optimize and save on your cloud spending?