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

Importante

versiones preliminares de ASP.NET Core con Azure App Service

las versiones preliminares de ASP.NET Core no se implementan en Azure App Service de forma predeterminada. Para hospedar una aplicación que usa una versión preliminar de ASP.NET Core, consulte Implementación de la versión preliminar de ASP.NET Core en Azure App Service.

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

Configuración

Abra una cuenta gratuita de Azure si no tiene una.

Creación de una aplicación web

Inicie Visual Studio 2022 y seleccione Crear un nuevo proyecto.

En el cuadro de diálogo Crear un nuevo proyecto , seleccione ASP.NET Core Web App y, a continuación, seleccione Siguiente.

En el cuadro de diálogo Configurar el nuevo proyecto , asigne un nombre al proyecto y, a continuación, seleccione Siguiente.

En el cuadro de diálogo Información adicional:

• En la entrada framework, seleccione .NET 7.0 (Compatibilidad con términos estándar).
• En la entrada Tipo de autenticación , seleccione Cuentas individuales y, a continuación, seleccione Crear.

Visual Studio crea la solución.

Ejecución de la aplicación

• Presione F5 para ejecutar el proyecto.

Registro de un usuario

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

  "Error en una operación de base de datos al procesar la solicitud. La aplicación de migraciones existentes puede resolver este problema"

• Seleccione Aplicar migraciones y, una vez que la página se actualice, actualice la página.

• Se muestra una página de confirmación de registro . Seleccione Haga clic aquí para confirmar su cuenta.
• Se muestra una página Confirmar correo electrónico .
• Inicie sesión como nuevo usuario.

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

• Detenga la aplicación cerrando el explorador o, en Visual Studio, seleccione Depurar>Detener depuración.
• En Visual Studio, seleccione Compilar>Limpiar Solución para limpiar los elementos del proyecto y evitar la contención de archivos.

Implementar la aplicación en Azure

Haga clic con el botón derecho en el proyecto en el Explorador de soluciones 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 (Windows) .
• Seleccione Siguiente.

En el cuadro de diálogo Publicar , en la pestaña App Service , seleccione Crear nuevo.

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

• Los campos Nombre, Grupo de recursos y Plan de hospedaje se rellenan. Puede conservar estos nombres o cambiarlos.
• Selecciona Crear.

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

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

El cuadro de diálogo Progreso de la creación del perfil de publicación confirma que se creó el perfil de publicación. Selecciona Cerrar.

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 que aparece en el panel Dependencias del servicio. Seleccione elipsis (...) y luego Conectar.

Aparece el cuadro de diálogo Conectar a dependencia:

• Seleccione Azure SQL Database.
• Seleccione Siguiente.

En el cuadro de diálogo Conectarse a azure SQL Database , seleccione Crear nuevo.

Aparece la sección Create Azure SQL Database (Crear base de datos de Azure SQL):

• Los campos Nombre de base de datos, Grupo de recursos, Servidor de bases de datos y Plan de App Service se rellenan. Puede mantener estos valores o cambiarlos.
• Escriba el nombre de usuario del administrador de base de datos y la contraseña del administrador de base de datos del servidor de base de datos seleccionado (tenga en cuenta que la cuenta que use debe tener los permisos necesarios para crear la nueva base de datos de Azure SQL).
• Selecciona Crear.

Una vez completada la creación, el cuadro de diálogo se cierra automáticamente y el cuadro de diálogo Conectar a Azure SQL Database vuelve a centrarse:

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

En el paso siguiente del cuadro de diálogo Conectarse a Azure SQL Database :

• Escriba los campos Nombre de usuario de conexión de base de datos y Contraseña de conexión de base de datos . Estos son los detalles que usará 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 de administrador y la contraseña usados en el paso anterior.
• Selecciona Finalizar.

El cuadro de diálogo Progreso de la configuración de dependencia confirma que la Azure SQL Database está configurada. Selecciona Cerrar.

En la página Resumen del perfil de publicación , seleccione Más acciones>Editar:

En la pestaña Configuración del cuadro de diálogo Publicar :

• Expanda Bases de datos y active Use this connection string at runtime (Usar esta cadena de conexión en tiempo de ejecución).

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

• Haga clic en Guardar. Visual Studio vuelve al cuadro de diálogo Publicar .

Haga clic en Publicar. Visual Studio publica la aplicación en Azure. Cuando se complete la implementación.

La aplicación se abre en un explorador. Registre un nuevo usuario e inicie sesión como nuevo usuario para validar la implementación de la base de datos y la conexión en tiempo de ejecución.

Actualización de la aplicación

• Edite la Pages/Index.cshtmlRazor página y cambie su contenido y guarde los cambios. Por ejemplo, puede modificar el párrafo para que diga "Hello 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>
  

• Vuelva a seleccionar Publicar en la página Resumen del perfil de publicación .

• Una vez publicada la aplicación, actualice la página y compruebe que los cambios realizados están disponibles en Azure.

Limpieza

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

• Seleccione Grupos de recursos y, a continuación, seleccione el grupo de recursos que creó.

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

• Escriba el nombre del grupo de recursos y seleccione Eliminar. La aplicación y todos los demás recursos creados en este tutorial ahora se eliminan de Azure.

Recursos adicionales

• 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