Publicar una aplicación de ASP.NET Core en Azure con Visual Studio

Por Rick Anderson

Si trabaja en macOS, consulte Publicación de una aplicación web en Azure App Service mediante Visual Studio para Mac.

Para solucionar un problema de implementación de App Service, vea Solución de problemas de ASP.NET Core en Azure App Service e IIS.

Configurar

• Abra una cuenta gratuita de Azure si no tiene una.

Creación de una aplicación web

En la página de inicio de Visual Studio, seleccione Archivo > Nuevo > Proeycto.

Complete el cuadro de diálogo Nuevo proyecto:

• Seleccione Aplicación web de ASP.NET Core.
• Seleccione Siguiente.

En el cuadro de diálogo Nueva aplicación web de ASP.NET Core, haga lo siguiente:

• Seleccione Aplicación web.
• En Autenticación, seleccione Cambiar.

Se mostrará el cuadro de diálogo Cambiar autenticación.

• Seleccione Cuentas de usuario individuales.
• Seleccione Aceptar para volver a Nueva aplicación web ASP.NET Core y, luego, elija Crear.

Visual Studio crea la solución.

Ejecutar la aplicación

• Presione CTRL+F5 para ejecutar el proyecto.
• Pruebe el vínculo Privacy .

Registrar un usuario

• Seleccione Registrar y registre a un usuario nuevo. Puede usar una dirección de correo electrónico ficticia. Al enviar la información, la página mostrará el error siguiente:

  "Error en una operación de base de datos al procesar la solicitud. La aplicación de las migraciones existentes para el contexto de base de datos de la aplicación puede solucionar este problema".

• Seleccione Aplicar migraciones y, una vez actualizada la página, vuelva a cargarla.

La aplicación muestra el correo electrónico usado para registrar el nuevo usuario y un vínculo Cerrar sesión.

Implementación de la aplicación en Azure

Desde el Explorador de soluciones, haga clic con el botón derecho en el proyecto y seleccione Publicar.

En el cuadro de diálogo Publicar:

• Seleccione Azure.
• Seleccione Siguiente.

En el cuadro de diálogo Publicar:

• Seleccione Azure App Service (Linux) .
• Seleccione Siguiente.

En el cuadro de diálogo Publicar, seleccione Create a new Azure App Service (Crear una instancia de Azure App Service).

Aparece el cuadro de diálogo Crear servicio de aplicaciones:

• Se rellenan los campos de entrada Nombre de la aplicación, Grupo de recursos y Plan de App Service. Puede mantener estos nombres o cambiarlos.
• Seleccione Crear.

Una vez terminada la creación, el cuadro de diálogo se cierra automáticamente y el cuadro de diálogo Publicar vuelve a recibir el foco:

• La nueva instancia que se acaba de crear se selecciona automáticamente.
• Seleccione Finalizar.

A continuación, verá la página de resumen del perfil de publicación. Visual Studio ha detectado que esta aplicación requiere una base de datos de SQL Server y le pide que la configure. Seleccione Configurar.

Aparece el cuadro de diálogo Configurar dependencia:

• Seleccione Azure SQL Database.
• Seleccione Siguiente.

En el cuadro de diálogo Configure Azure SQL database (Configurar base de datos de Azure SQL), seleccione Crear una base de datos SQL.

Aparece el cuadro de diálogo Crear una base de datos de Azure SQL:

• Se rellenan los campos de entrada de datos Nombre de la base de datos, Grupo de recursos, Servidor de base de datos y Plan de App Service. Puede mantener estos nombres o cambiarlos.
• Especifique los valores de Database administrator username (Nombre de usuario del administrador de la base de datos) y Database administrator password (Contraseña del administrador de la base de datos) del servidor de bases de datos seleccionado (tenga en cuenta que la cuenta que use debe tener los permisos necesarios para crear la base de datos de Azure SQL).
• Seleccione Crear.

Una vez finalizada la creación, el cuadro de diálogo se cierra automáticamente y el cuadro de diálogo Configure Azure SQL Database (Configurar base de datos de Azure SQL), vuelve a recibir el foco:

• La nueva instancia que se acaba de crear se selecciona automáticamente.
• Seleccione Siguiente.

En el paso siguiente del cuadro de diálogo Configure Azure SQL Database (Configurar base de datos de Azure SQL):

• Rellene los campos Database connection user name (Nombre de usuario de conexión de la base de datos) y Database connection password (Contraseña de conexión de la base de datos). Estos son los detalles que utilizará la aplicación para conectarse a la base de datos en tiempo de ejecución. El procedimiento recomendado es evitar el uso de los mismos detalles que el nombre de usuario y la contraseña de administrador usados en el paso anterior.
• Seleccione Finalizar.

En la página de resumen del perfil de publicación, seleccione Configuración:

En la página Configuración del cuadro de diálogo Publicar, haga lo siguiente:

• Expanda Bases de datos y active Usar esta cadena de conexión en tiempo de ejecución.

• Expanda Migraciones de Entity Framework y active Aplicar esta migración al publicar.

• Seleccione Guardar. Visual Studio volverá al cuadro de diálogo Publicar.

Haga clic en Publicar. Visual Studio publica la aplicación en Azure. Cuando la implementación termine, la aplicación se abre en un explorador.

Actualización de la aplicación

• Edite la página de Razor Pages/Index.cshtml y cambie su contenido. Por ejemplo, puede editar el párrafo para que incluya el mensaje "¡Hola, ASP.NET Core!":

  @page
  @model IndexModel
  @{
      ViewData["Title"] = "Home page";
  }
  
  <div class="text-center">
      <h1 class="display-4">Welcome</h1>
      <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
      <p>Hello ASP.NET Core!</p>
  </div>
  

• Seleccione Publicar de nuevo en la página de resumen del perfil de publicación.

• Una vez publicada la aplicación, compruebe que los cambios realizados estén disponibles en Azure.

Limpieza

Cuando haya terminado de probar la aplicación, vaya a Azure Portal y elimínela.

• Seleccione Grupos de recursos y, luego, el grupo de recursos que haya creado.

• En la página Grupos de recursos, seleccione Eliminar.

• Escriba el nombre del grupo de recursos y seleccione Eliminar. La aplicación y todos los demás recursos que ha creado en este tutorial se han eliminado de Azure.

Recursos adicionales

• Para Visual Studio Code, vea Publicar los perfiles.
• Azure App Service
• Grupos de recursos de Azure
• Azure SQL Database
• Perfiles de publicación (.pubxml) de Visual Studio para la implementación de aplicaciones ASP.NET Core
• Solución de problemas de ASP.NET Core en Azure App Service e IIS