Tutorial: Compilación de una aplicación ASP.NET en Azure con SQL DatabaseTutorial: Build an ASP.NET app in Azure with SQL Database

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 tutorial se muestra cómo implementar una aplicación ASP.NET orientada a datos en App Service y conectarla a Azure SQL Database.This tutorial shows you how to deploy a data-driven ASP.NET app in App Service and connect it to Azure SQL Database. Cuando haya terminado, tendrá una aplicación ASP.NET en ejecución en Azure y conectada a SQL Database.When you're finished, you have an ASP.NET app running in Azure and connected to SQL Database.

Aplicación de ASP.NET publicada en Azure App Service

En este tutorial, aprenderá a:In this tutorial, you learn how to:

  • Crear una base de datos Azure SQL DatabaseCreate a SQL Database in Azure
  • Conectar una aplicación ASP.NET a SQL DatabaseConnect an ASP.NET app to SQL Database
  • Implementación de la aplicación en AzureDeploy the app to Azure
  • Actualizar el modelo de datos y volver a implementar la aplicaciónUpdate the data model and redeploy the app
  • Transmitir registros desde Azure a un terminalStream logs from Azure to your terminal
  • Administrar la aplicación en Azure PortalManage the app in the Azure portal

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:To complete this tutorial:

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, agregue las cargas de trabajo en Visual Studio, para lo que debe hacer clic en Herramientas > Get Tools and Features (Obtener herramientas y características).If you've installed Visual Studio already, add the workloads in Visual Studio by clicking Tools > Get Tools and Features.

Descarga del ejemploDownload the sample

El proyecto de ejemplo contiene una aplicación básica CRUD (crear, leer, actualizar, eliminar) de ASP.NET MVC que usa Entity Framework Code First.The sample project contains a basic ASP.NET MVC create-read-update-delete (CRUD) app using Entity Framework Code First.

Ejecución de la aplicaciónRun the app

Abra el archivo dotnet-sqldb-tutorial-master/DotNetAppSqlDb.sln en Visual Studio.Open the dotnet-sqldb-tutorial-master/DotNetAppSqlDb.sln file in Visual Studio.

Escriba Ctrl+F5 para ejecutar la aplicación sin depurarla.Type Ctrl+F5 to run the app without debugging. La aplicación se muestra en el explorador predeterminado.The app is displayed in your default browser. Seleccione el vínculo Crear nuevo y cree un par de elementos de tareas pendientes.Select the Create New link and create a couple to-do items.

Cuadro de diálogo Nuevo proyecto de ASP.NET

Pruebe los vínculos Editar, Detalles y Eliminar.Test the Edit, Details, and Delete links.

La aplicación usa un contexto de base de datos para conectarse con la base de datos.The app uses a database context to connect with the database. En este ejemplo, el contexto de base de datos emplea una cadena de conexión llamada MyDbConnection.In this sample, the database context uses a connection string named MyDbConnection. La cadena de conexión se establece en el archivo Web.config y se hace referencia a ella en el archivo Models/MyDatabaseContext.cs.The connection string is set in the Web.config file and referenced in the Models/MyDatabaseContext.cs file. El nombre de la cadena de conexión se usa más adelante en el tutorial para conectar la aplicación de Azure a una base de datos de Azure SQL.The connection string name is used later in the tutorial to connect the Azure app to an Azure SQL Database.

Publicación en Azure con SQL DatabasePublish to Azure with SQL Database

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

Publicar desde el Explorador de soluciones

Asegúrese de que Microsoft Azure App Service está seleccionado y haga clic en Publicar.Make sure that Microsoft Azure App Service is selected and click Publish.

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

Al publicar se abre el cuadro de diálogo Crear servicio de aplicaciones, que le ayuda a crear todos los recursos de Azure necesarios para ejecutar la aplicación ASP.NET en Azure.Publishing opens the Create App Service dialog, which helps you create all the Azure resources you need to run your ASP.NET app in Azure.

Inicio de sesión en AzureSign in to Azure

En el cuadro de diálogo Crear App Service, haga clic en Agregar una cuenta y, a continuación, inicie sesión en su suscripción de Azure.In the Create App Service dialog, click Add an account, and then sign in to your Azure subscription. Si ya ha iniciado sesión en una cuenta de Microsoft, asegúrese de que esa cuenta contiene la suscripción de Azure.If you're already signed into a Microsoft account, make sure that account holds your Azure subscription. Si la cuenta de Microsoft con la que inició sesión no contiene su suscripción de Azure, haga clic en ella para agregar la cuenta correcta.If the signed-in Microsoft account doesn't have your Azure subscription, click it to add the correct account.

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

Configuración del nombre de la aplicación webConfigure the web app name

Puede mantener el nombre de aplicación web generado, o cambiarlo por otro nombre único (los caracteres válidos son a-z, 0-9 y -).You can keep the generated web app name, or change it to another unique name (valid characters are a-z, 0-9, and -). El nombre de la aplicación web se usa como parte de la dirección URL predeterminada en la aplicación (<app_name>.azurewebsites.net, donde <app_name> es el nombre de la aplicación web).The web app name is used as part of the default URL for your app (<app_name>.azurewebsites.net, where <app_name> is your web app name). El nombre de la aplicación web debe ser único entre todas las aplicaciones de Azure.The web app name needs to be unique across all apps in Azure.

Cuadro de diálogo Create App Service (Crear App Service)

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, haga clic en Nuevo.Next to Resource Group, click New.

Junto a Grupo de recursos, haga clic en Nuevo.

Llame al grupo de recursos myResourceGroup.Name the resource group myResourceGroup.

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 App Service, haga clic en Nuevo.Next to App Service Plan, click New.

En el cuadro de diálogo Configurar el plan de App Service, configure el nuevo plan de App Service con los valores siguientes:In the Configure App Service Plan dialog, configure the new App Service plan with the following settings:

Creación de un plan de App Service

ConfiguraciónSetting Valor sugeridoSuggested value Para obtener más informaciónFor more information
Plan de App ServiceApp Service Plan myAppServicePlanmyAppServicePlan Planes de App ServiceApp Service plans
UbicaciónLocation Europa occidentalWest Europe Regiones de AzureAzure regions
TamañoSize GratuitoFree Planes de tarifaPricing tiers

Creación de una instancia de SQL ServerCreate a SQL Server instance

Antes de crear una base de datos, necesita un servidor lógico de Azure SQL Database.Before creating a database, you need an Azure SQL Database logical server. Un servidor lógico contiene un conjunto de bases de datos administradas como un grupo.A logical server contains a group of databases managed as a group.

Haga clic en Create a SQL Database (Crear una instancia de SQL Database).Click Create a SQL Database.

Creación de una instancia de SQL Database

En el cuadro de diálogo Configurar SQL Database, haga clic en Nuevo junto a SQL Server.In the Configure SQL Database dialog, click New next to SQL Server.

Se genera un nombre de servidor único.A unique server name is generated. Este nombre se usa como parte de la dirección URL predeterminada del servidor lógico, <server_name>.database.windows.net.This name is used as part of the default URL for your logical server, <server_name>.database.windows.net. Debe ser único entre todas las instancias de servidor lógico de Azure.It must be unique across all logical server instances in Azure. Este nombre se puede cambiar, pero para los fines de este tutorial, conserve el valor generado.You can change the server name, but for this tutorial, keep the generated value.

Agregue un nombre de usuario y una contraseña de administrador.Add an administrator username and password. Para conocer los requisitos de complejidad de la contraseña, consulte Directivas de contraseñas.For password complexity requirements, see Password Policy.

Recuerde este nombre de usuario y esta contraseña.Remember this username and password. Los necesitará más adelante para administrar la instancia del servidor lógico.You need them to manage the logical server instance later.

Importante

Aunque la contraseña de las cadenas de conexión está enmascarada (en Visual Studio y también en App Service), el hecho de que se conserva en otro lugar se suma a la superficie expuesta a ataques de la aplicación.Even though your password in the connection strings is masked (in Visual Studio and also in App Service), the fact that it's maintained somewhere adds to the attack surface of your app. App Service puede usar identidades de servicio administradas para quitar este riesgo eliminando por completo la necesidad de conservar secretos en el código o en la configuración de la aplicación.App Service can use managed service identities to eliminate this risk by removing the need to maintain secrets in your code or app configuration at all. Para más información, consulte la sección Pasos siguientes.For more information, see Next steps.

Creación de una instancia de SQL Server

Haga clic en OK.Click OK. No cierre aún el cuadro de diálogo Configurar base de datos SQL.Don't close the Configure SQL Database dialog yet.

Creación de una instancia de SQL DatabaseCreate a SQL Database

En el cuadro de diálogo Configurar SQL Database:In the Configure SQL Database dialog:

  • Mantenga el nombre de base de datos generado predeterminado.Keep the default generated Database Name.
  • En Nombre de la cadena de conexión, escriba MyDbConnection.In Connection String Name, type MyDbConnection. Este nombre tiene que coincidir con la cadena de conexión a la que se hace referencia en Models\MyDatabaseContext.cs.This name must match the connection string that is referenced in Models/MyDatabaseContext.cs.
  • Seleccione Aceptar.Select OK.

Configuración de SQL Database

El cuadro de diálogo Create App Service (Crear App Service) muestra los recursos que ha configurado.The Create App Service dialog shows the resources you've configured. Haga clic en Create(Crear).Click Create.

Se muestran los recursos que ha creado.

Cuando el asistente termina de crear los recursos de Azure, publica la aplicación ASP.NET en Azure.Once the wizard finishes creating the Azure resources, it publishes your ASP.NET app to Azure. El explorador predeterminado se inicia con la dirección URL a la aplicación implementada.Your default browser is launched with the URL to the deployed app.

Agregue algunos elementos de tareas pendientes.Add a few to-do items.

Aplicación de ASP.NET publicada en la aplicación de Azure

Felicidades.Congratulations! La aplicación ASP.NET orientada a datos se ejecuta en directo en Azure App Service.Your data-driven ASP.NET application is running live in Azure App Service.

Acceso local a la instancia de SQL DatabaseAccess the SQL Database locally

Visual Studio le permite explorar y administrar su nueva instancia de SQL Database de manera fácil en el Explorador de objetos de SQL Server.Visual Studio lets you explore and manage your new SQL Database easily in the SQL Server Object Explorer.

Creación de una conexión de base de datosCreate a database connection

En el menú Ver, seleccione Explorador de objetos de SQL Server.From the View menu, select SQL Server Object Explorer.

En la parte superior del Explorador de objetos de SQL Server, haga clic en el botón Agregar SQL Server.At the top of SQL Server Object Explorer, click the Add SQL Server button.

Configuración de la conexión de base de datosConfigure the database connection

En el cuadro de diálogo Conectar, expanda el nodo Azure.In the Connect dialog, expand the Azure node. Aquí se muestran todas las instancias de Azure SQL Database.All your SQL Database instances in Azure are listed here.

Seleccione la instancia de SQL Database que creó anteriormente.Select the SQL Database that you created earlier. La conexión que creó anteriormente se rellena automáticamente en la parte inferior.The connection you created earlier is automatically filled at the bottom.

Escriba la contraseña de administrador de base de datos que creó anteriormente y haga clic en Conectar.Type the database administrator password you created earlier and click Connect.

Configuración de la conexión de base de datos de Visual Studio

Permitir la conexión de cliente desde el equipoAllow client connection from your computer

Se abre el cuadro de diálogo Create a new firewall rule (Crear nueva regla de firewall).The Create a new firewall rule dialog is opened. De forma predeterminada, la instancia de SQL Database solo permite conexiones desde servicios de Azure, como la aplicación de Azure.By default, your SQL Database instance only allows connections from Azure services, such as your Azure app. Para conectarse a la base de datos, cree una regla de firewall en la instancia de SQL Database.To connect to your database, create a firewall rule in the SQL Database instance. La regla de firewall permite la dirección IP pública del equipo local.The firewall rule allows the public IP address of your local computer.

El cuadro de diálogo ya se ha rellenado con la dirección IP pública de su equipo.The dialog is already filled with your computer's public IP address.

Asegúrese de que Add my client IP (Agregar mi IP de cliente) está seleccionado y haga clic en Aceptar.Make sure that Add my client IP is selected and click OK.

Configuración del firewall para la instancia de SQL Database

Una vez que Visual Studio termina de crear la configuración de firewall para su instancia de SQL Database, la conexión se muestra en el Explorador de objetos de SQL Server.Once Visual Studio finishes creating the firewall setting for your SQL Database instance, your connection shows up in SQL Server Object Explorer.

Aquí, puede realizar las operaciones de base de datos más comunes, como ejecutar consultas, crear vistas y procedimientos almacenados, entre otras.Here, you can perform the most common database operations, such as run queries, create views and stored procedures, and more.

Expanda la conexión > Bases de datos > <base de datos > > Tablas.Expand your connection > Databases > <your database> > Tables. Haga clic con el botón derecho en la tabla Todoes y seleccione Ver datos.Right-click on the Todoes table and select View Data.

Exploración de objetos de SQL Database

Actualización de aplicaciones con Migraciones de Code FirstUpdate app with Code First Migrations

Puede usar las conocidas herramientas de Visual Studio para actualizar la base de datos y la aplicación en Azure.You can use the familiar tools in Visual Studio to update your database and app in Azure. En este paso, usará Migraciones de Code First en Entity Framework para realizar un cambio en el esquema de la base de datos y publicarlo en Azure.In this step, you use Code First Migrations in Entity Framework to make a change to your database schema and publish it to Azure.

Para más información sobre el uso de Entity Framework Code First Migrations, consulte Getting Started with Entity Framework 6 Code First using MVC 5 (Introducción a Entity Framework 6 Code First mediante MVC 5).For more information about using Entity Framework Code First Migrations, see Getting Started with Entity Framework 6 Code First using MVC 5.

Actualización del modelo de datosUpdate your data model

Abra Models\Todo.cs en el editor de código.Open Models\Todo.cs in the code editor. Agregue la siguiente propiedad a la clase ToDo:Add the following property to the ToDo class:

public bool Done { get; set; }

Ejecución de Migraciones de Code FirstRun Code First Migrations locally

Ejecute algunos comandos para realizar actualizaciones en la base de datos local.Run a few commands to make updates to your local database.

En el menú Herramientas, haga clic en Administrador de paquetes NuGet > Consola del Administrador de paquetes.From the Tools menu, click NuGet Package Manager > Package Manager Console.

En la ventana de la consola del Administrador de paquetes, habilite Migraciones de Code First:In the Package Manager Console window, enable Code First Migrations:

Enable-Migrations

Agregue una migración:Add a migration:

Add-Migration AddProperty

Actualice la base de datos local:Update the local database:

Update-Database

Escriba Ctrl+F5 para ejecutar la aplicación.Type Ctrl+F5 to run the app. Pruebe los vínculos de edición, detalles y creación.Test the edit, details, and create links.

Si la aplicación se carga sin errores, la característica Migraciones de Code First ha funcionado correctamente.If the application loads without errors, then Code First Migrations has succeeded. Sin embargo, la página todavía tiene el mismo aspecto porque la aplicación lógica no usa aún esta propiedad.However, your page still looks the same because your application logic is not using this new property yet.

Uso de la nueva propiedadUse the new property

Realice algunos cambios en el código para usar la propiedad Done.Make some changes in your code to use the Done property. Para simplificar, en este tutorial va a cambiar las vistas Index y Create para ver la propiedad en acción.For simplicity in this tutorial, you're only going to change the Index and Create views to see the property in action.

Abra Controllers\TodosController.cs.Open Controllers\TodosController.cs.

Busque el método Create() en la línea 52 y agregue Done a la lista de propiedades del atributo Bind.Find the Create() method on line 52 and add Done to the list of properties in the Bind attribute. Cuando haya terminado, la firma del método Create() se parecerá al código siguiente:When you're done, your Create() method signature looks like the following code:

public ActionResult Create([Bind(Include = "Description,CreatedDate,Done")] Todo todo)

Abra Views\Todos\Create.cshtml.Open Views\Todos\Create.cshtml.

En el código Razor, debería ver un elemento <div class="form-group"> que usa model.Description y, a continuación, otro elemento <div class="form-group"> que usa model.CreatedDate.In the Razor code, you should see a <div class="form-group"> element that uses model.Description, and then another <div class="form-group"> element that uses model.CreatedDate. Inmediatamente después de estos dos elementos, agregue otro elemento <div class="form-group"> que use model.Done:Immediately following these two elements, add another <div class="form-group"> element that uses model.Done:

<div class="form-group">
    @Html.LabelFor(model => model.Done, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <div class="checkbox">
            @Html.EditorFor(model => model.Done)
            @Html.ValidationMessageFor(model => model.Done, "", new { @class = "text-danger" })
        </div>
    </div>
</div>

Abra Views\Todos\Index.cshtml.Open Views\Todos\Index.cshtml.

Busque el elemento vacío <th></th>.Search for the empty <th></th> element. Justo encima de este elemento, agregue el siguiente código Razor:Just above this element, add the following Razor code:

<th>
    @Html.DisplayNameFor(model => model.Done)
</th>

Busque el elemento <td> que contiene los métodos auxiliares Html.ActionLink().Find the <td> element that contains the Html.ActionLink() helper methods. Encima del elemento <td>, agregue otro <td> con el código Razor siguiente:Above this <td>, add another <td> element with the following Razor code:

<td>
    @Html.DisplayFor(modelItem => item.Done)
</td>

Eso es todo lo que necesita para ver los cambios en las vistas Index y Create.That's all you need to see the changes in the Index and Create views.

Escriba Ctrl+F5 para ejecutar la aplicación.Type Ctrl+F5 to run the app.

Ahora puede agregar una tarea pendiente y marcar Listo.You can now add a to-do item and check Done. A continuación se debería mostrar en su página principal como un elemento completado.Then it should show up in your homepage as a completed item. Recuerde que la vista Edit no muestra el campo Done, dado que no cambió la vista Edit.Remember that the Edit view doesn't show the Done field, because you didn't change the Edit view.

Habilitación de Migraciones de Code First en AzureEnable Code First Migrations in Azure

Ahora que el cambio de código funciona, incluida la migración de la base de datos, lo publicará en la aplicación de Azure y actualizará también su instancia de SQL Database con Migraciones de Code First.Now that your code change works, including database migration, you publish it to your Azure app and update your SQL Database with Code First Migrations too.

Igual que antes, haga clic con el botón derecho en su proyecto y seleccione Publicar.Just like before, right-click your project and select Publish.

Haga clic en Configurar para abrir la configuración de publicación.Click Configure to open the publish settings.

Abrir la configuración de publicación

En el asistente, haga clic en Siguiente.In the wizard, click Next.

Asegúrese de que la cadena de conexión de su instancia de SQL Database se rellena en MyDatabaseContext (MyDbConnection).Make sure that the connection string for your SQL Database is populated in MyDatabaseContext (MyDbConnection). Debe seleccionar la base de datos myToDoAppDb en la lista desplegable.You may need to select the myToDoAppDb database from the dropdown.

Seleccione Ejecutar Migraciones de Code First (se ejecuta al iniciar la aplicación) y luego haga clic en Guardar.Select Execute Code First Migrations (runs on application start), then click Save.

Habilitación de Migraciones de Code First en la aplicación de Azure

Publicación de los cambiosPublish your changes

Ahora que ha habilitado Migraciones de Code First en su aplicación de Azure, publique los cambios en el código.Now that you enabled Code First Migrations in your Azure app, publish your code changes.

En la página de publicación, haga clic en Publicar.In the publish page, click Publish.

Intente volver a agregar elementos de tareas pendientes y seleccione Listo; se mostrarán en su página de inicio como un elemento completado.Try adding to-do items again and select Done, and they should show up in your homepage as a completed item.

Aplicación de Azure después de Migraciones de Code First

Aún se muestran todas las tareas pendientes existentes.All your existing to-do items are still displayed. Cuando vuelva a publicar su aplicación de ASP.NET, los datos existentes en su instancia de SQL Database no se perderán.When you republish your ASP.NET application, existing data in your SQL Database is not lost. Además, Migraciones de Code First solo cambia el esquema de datos y deja intactos los datos existentes.Also, Code First Migrations only changes the data schema and leaves your existing data intact.

Transmisión de registros de aplicaciónStream application logs

Puede transmitir mensajes de seguimiento directamente desde la aplicación de Azure hasta Visual Studio.You can stream tracing messages directly from your Azure app to Visual Studio.

Abra Controllers\TodosController.cs.Open Controllers\TodosController.cs.

Cada acción comienza con un método Trace.WriteLine().Each action starts with a Trace.WriteLine() method. Este código se agrega para mostrarle cómo agregar mensajes de seguimiento a la aplicación de Azure.This code is added to show you how to add trace messages to your Azure app.

Apertura del Explorador de servidoresOpen Server Explorer

En el menú Ver, seleccione Explorador de servidores.From the View menu, select Server Explorer. Puede configurar el registro de la aplicación de Azure en el Explorador de servidores.You can configure logging for your Azure app in Server Explorer.

Habilitación de la secuencia de registrosEnable log streaming

En el Explorador de servidores, expanda Azure > App Service.In Server Explorer, expand Azure > App Service.

Expanda el grupo de recursos myResourceGroup que creó cuando creó la aplicación de Azure por primera vez.Expand the myResourceGroup resource group, you created when you first created the Azure app.

Haga clic con el botón derecho en la aplicación de Azure y seleccione Ver registros de streaming.Right-click your Azure app and select View Streaming Logs.

Habilitación de la secuencia de registros

Los registros se insertan ahora en la ventana Salida.The logs are now streamed into the Output window.

Secuencia de registros en la ventana Salida

Sin embargo, no verá aún ninguno de los mensajes de seguimiento.However, you don't see any of the trace messages yet. Esto se debe a que cuando selecciona primero Ver registros de streaming, la aplicación de Azure establece el nivel de seguimiento en Error, que solo registra eventos de error (con el método Trace.TraceError()).That's because when you first select View Streaming Logs, your Azure app sets the trace level to Error, which only logs error events (with the Trace.TraceError() method).

Cambio de los niveles de seguimientoChange trace levels

Para cambiar los niveles de seguimiento para generar otros mensajes de seguimiento, vuelva al Explorador de servidores.To change the trace levels to output other trace messages, go back to Server Explorer.

Haga clic de nuevo con el botón derecho en la aplicación de Azure y seleccione Ver configuración.Right-click your Azure app again and select View Settings.

En la lista desplegable Registro de la aplicación (sistema de archivos), seleccione Detallado.In the Application Logging (File System) dropdown, select Verbose. Haga clic en Save(Guardar).Click Save.

Cambiar el nivel de seguimiento a Detallado

Sugerencia

Puede experimentar con diferentes niveles de seguimiento para ver qué tipos de mensajes se muestran para cada nivel.You can experiment with different trace levels to see what types of messages are displayed for each level. Por ejemplo, el nivel Información incluye todos los registros creados por Trace.TraceInformation(), Trace.TraceWarning() y Trace.TraceError(), pero no los registros creados por Trace.WriteLine().For example, the Information level includes all logs created by Trace.TraceInformation(), Trace.TraceWarning(), and Trace.TraceError(), but not logs created by Trace.WriteLine().

En el explorador, vaya a la aplicación de nuevo en http://<nombre de la aplicación>.azurewebsites.net e intente hacer clic en torno a la aplicación de la lista de tareas pendientes en Azure.In your browser navigate to your app again at http://<your app name>.azurewebsites.net, then try clicking around the to-do list application in Azure. Los mensajes de seguimiento se insertan ahora en la ventana Salida de Visual Studio.The trace messages are now streamed to the Output window in Visual Studio.

Application: 2017-04-06T23:30:41  PID[8132] Verbose     GET /Todos/Index
Application: 2017-04-06T23:30:43  PID[8132] Verbose     GET /Todos/Create
Application: 2017-04-06T23:30:53  PID[8132] Verbose     POST /Todos/Create
Application: 2017-04-06T23:30:54  PID[8132] Verbose     GET /Todos/Index

Detención de las secuencias de registroStop log streaming

Para detener el servicio de secuencias de registros, haga clic en el botón Detener supervisión en la ventana Salida.To stop the log-streaming service, click the Stop monitoring button in the Output window.

Detención de las secuencias de registro

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

Vaya a Azure Portal para ver la aplicación que ha creado.Go to the Azure portal to see the app you created.

En el menú izquierdo, haga clic en App Service y luego haga clic en el nombre de la aplicación de Azure.From the left menu, click App Service, then click the name of your Azure app.

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

Ha llegado a la página de la aplicación.You have landed in your app's page.

De forma predeterminada, el portal muestra la página Información general.By default, the portal shows the Overview page. Esta página proporciona una visión del funcionamiento de la aplicación.This page gives you a view of how your app is doing. En este caso, también puede realizar tareas de administración básicas como examinar, detener, iniciar, reiniciar y eliminar.Here, you can also perform basic management tasks like browse, stop, start, restart, and delete. Las pestañas del lado izquierdo de la página muestran las diferentes páginas de configuración que puede abrir.The tabs on the left side of the page show the different configuration pages you can open.

Página de 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.

  1. En la página Información general de la aplicación web de Azure Portal, seleccione el vínculo myResourceGroup en Grupo de recursos.From your web app's Overview page in the Azure portal, select the myResourceGroup link under Resource group.
  2. 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.
  3. 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

En este tutorial aprendió lo siguiente:In this tutorial, you learned how to:

  • Crear una base de datos Azure SQL DatabaseCreate a SQL Database in Azure
  • Conectar una aplicación ASP.NET a SQL DatabaseConnect an ASP.NET app to SQL Database
  • Implementación de la aplicación en AzureDeploy the app to Azure
  • Actualizar el modelo de datos y volver a implementar la aplicaciónUpdate the data model and redeploy the app
  • Transmitir registros desde Azure a un terminalStream logs from Azure to your terminal
  • Administrar la aplicación en Azure PortalManage the app in the Azure portal

Continúe con el siguiente tutorial para aprender a mejorar fácilmente la seguridad de la conexión con Azure SQL Database.Advance to the next tutorial to learn how to easily improve the security of your connection Azure SQL Database.