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

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 en Azure App Service.This quickstart shows how to deploy your first ASP.NET web app to Azure App Service. Cuando haya terminado, tendrá un plan de App Service.When you're finished, you'll have an App Service plan. También tendrá una aplicación App Service con una aplicación web implementada.You'll also have 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.

PrerrequisitosPrerequisites

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.

Creación de una aplicación web ASP.NETCreate an ASP.NET web app

Cree una aplicación web ASP.NET siguiendo estos pasos:Create an ASP.NET 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 (.NET Framework) y, a continuación, seleccione Siguiente.In Create a new project, find and choose ASP.NET Web Application (.NET Framework), 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. Puede implementar cualquier tipo de aplicación web de ASP.NET en Azure.You can deploy any type of ASP.NET web app to Azure. Para este inicio rápido, elija la plantilla MVC.For this quickstart, choose the MVC template.

  5. Asegúrese de establecer la autenticación en Sin autenticación.Make sure authentication is set to No Authentication. Seleccione Crear.Select Create.

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

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

  2. Elija App Service y seleccione Crear perfil.Choose App Service and select Create profile.

    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: Norte de Europa, Este de EE. UU. o Sudeste de Asia)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 to 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 hospedajeHosting Plan myAppServicePlanmyAppServicePlan Nombre del plan de App Service.Name of the App Service plan.
    LocationLocation Oeste de EuropaWest 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.

  9. 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 finalizado el asistente, los recursos de Azure se crean automáticamente y ya puede publicarlos.Once the wizard completes, the Azure resources are created for you and you are ready to publish.

  10. En la página Publicar, haga clic en Publicar.In the Publish page, click Publish. Visual Studio compila, empaqueta y publica la aplicación en Azure y, luego, la inicia en el explorador predeterminado.Visual Studio builds, packages, and publishes the 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 ASP.NET se está ejecutando en Azure App Service.Your ASP.NET 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 Views > Home > Index.cshtml.In Solution Explorer, under your project, open Views > Home > Index.cshtml.

  2. Busque la etiqueta HTML <div class="jumbotron"> en la parte superior y reemplace el elemento entero por el código siguiente:Find the <div class="jumbotron"> HTML tag near the top, and replace the entire element 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. Después, seleccione Publicar.Then, select Publish.

    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

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

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

    Introducción a 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 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