ASP.NET Core Tutorial: Guía Completa para Principiantes
ASP.NET Core es un marco web de código abierto moderno y potente desarrollado por Microsoft para construir aplicaciones web, API y aplicaciones móviles. Es el sucesor de ASP.NET y ofrece una amplia gama de características y ventajas para los desarrolladores web.
Este tutorial está diseñado para principiantes que buscan una introducción completa a ASP.NET Core. Te guiaremos paso a paso en el proceso de creación de una aplicación web básica, incluyendo la configuración del entorno de desarrollo, la creación de un proyecto, la construcción de vistas, el manejo de datos y la implementación de la seguridad.
Entendiendo los Fundamentos de ASP.NET Core
ASP.NET Core se basa en un enfoque modular, lo que significa que puedes elegir los componentes que necesitas para tu aplicación. Esto ofrece flexibilidad y control sobre el desarrollo de tu proyecto.
Principales características de ASP.NET Core:
- Código abierto y multiplataforma: Se puede ejecutar en Windows, macOS y Linux.
- Rendimiento mejorado: Optimizado para ofrecer un rendimiento superior.
- Modularidad y flexibilidad: Puedes elegir los componentes que necesitas para tu aplicación.
- Integración con herramientas modernas: Soporta herramientas de desarrollo populares como Visual Studio y Visual Studio Code.
- Soporte para arquitecturas de microservicios: Permite construir aplicaciones web complejas como microservicios.
- Integración de herramientas de línea de comandos: Puedes crear y administrar proyectos a través de la línea de comandos.
- Soporte para desarrollo web moderno: Admite tecnologías modernas como HTML, CSS, JavaScript y frameworks como Angular, React y Vue.js.
Instalación y Configuración del Entorno de Desarrollo
Antes de empezar a construir una aplicación web con ASP.NET Core, necesitas configurar tu entorno de desarrollo. Esto implica la instalación de los requisitos necesarios, como el SDK de .NET y un editor de código.
1. Instalación del SDK de .NET
El SDK de .NET es el conjunto de herramientas que necesitas para desarrollar aplicaciones con .NET. Puedes descargarlo desde el sitio web oficial de .NET.
Pasos para instalar el SDK de .NET:
- Visita el sitio web oficial de .NET: https://dotnet.microsoft.com/download
- Selecciona la versión del SDK de .NET que deseas instalar (asegúrate de elegir la versión compatible con tu sistema operativo).
- Descarga el instalador y ejecútalo.
- Sigue las instrucciones en pantalla para completar la instalación.
2. Elección de un Editor de Código
Puedes usar cualquier editor de código para desarrollar aplicaciones con ASP.NET Core. Algunos editores populares incluyen:
- Visual Studio: Un IDE completo y potente para desarrolladores .NET.
- Visual Studio Code: Un editor de código ligero y flexible, con extensiones para .NET.
- Notepad++: Un editor de texto simple pero versátil.
- Sublime Text: Un editor de código popular conocido por su velocidad y flexibilidad.
Recomendamos Visual Studio o Visual Studio Code, ya que ofrecen una experiencia de desarrollo más completa para ASP.NET Core.
3. Verificar la Instalación
Una vez que hayas instalado el SDK de .NET y tu editor de código, puedes verificar si la instalación se ha realizado correctamente. Abre una terminal o línea de comandos y ejecuta el siguiente comando:
bash
dotnet --version
Si la instalación es correcta, se mostrará la versión del SDK de .NET que has instalado.
Creando un Proyecto de ASP.NET Core
Con el entorno de desarrollo configurado, puedes crear un nuevo proyecto de ASP.NET Core. Puedes crear un nuevo proyecto usando la línea de comandos o el IDE.
1. Creando un Proyecto con la Línea de Comandos
Puedes crear un nuevo proyecto de ASP.NET Core usando el comando dotnet new. Para crear un proyecto web básico, ejecuta el siguiente comando en la terminal:
bash
dotnet new web -o MyWebApp
Este comando crea un nuevo proyecto llamado «MyWebApp» en una carpeta llamada «MyWebApp».
2. Creando un Proyecto con Visual Studio
Si estás usando Visual Studio, puedes crear un nuevo proyecto de ASP.NET Core desde el menú «Nuevo proyecto».
Pasos para crear un nuevo proyecto de ASP.NET Core en Visual Studio:
- Abre Visual Studio.
- En el menú «Archivo», selecciona «Nuevo» > «Proyecto».
- En el cuadro de diálogo «Nuevo proyecto», busca «ASP.NET Core Web App (Model-View-Controller)».
- Ingresa el nombre de tu proyecto y selecciona una ubicación para el proyecto.
- Haz clic en «Crear».
3. Ejecutando el Proyecto
Una vez que hayas creado un nuevo proyecto de ASP.NET Core, puedes ejecutarlo desde la terminal o desde Visual Studio.
Para ejecutar el proyecto desde la terminal, navega a la carpeta del proyecto y ejecuta el siguiente comando:
bash
dotnet run
Para ejecutar el proyecto desde Visual Studio, presiona F5 o haz clic en el botón «Iniciar depuración».
Creando una Vista Básica
En ASP.NET Core, las vistas son los archivos que contienen el HTML que se mostrará en el navegador. Puedes crear una vista básica para mostrar un mensaje de «Hola mundo».
1. Creando un Archivo de Vista
En la carpeta «Views», crea un nuevo archivo llamado «Index.cshtml».
2. Añadiendo el Código HTML
En el archivo «Index.cshtml», añade el siguiente código HTML:
html
<!DOCTYPE html>
<html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<h1>Hola mundo</h1>
</body>
</html>
3. Ejecutando la Aplicación
Ejecuta la aplicación de ASP.NET Core y navega a la ruta «/» en tu navegador. Deberías ver el mensaje «Hola mundo» en tu navegador.
Manejando Datos con Entity Framework Core
Entity Framework Core es un ORM (Object-Relational Mapper) que facilita la interacción con bases de datos en ASP.NET Core. Te permite trabajar con datos como objetos, en lugar de ejecutar consultas SQL directamente.
1. Instalación de Entity Framework Core
Para usar Entity Framework Core, necesitas instalarlo en tu proyecto de ASP.NET Core. Puedes hacerlo a través de la línea de comandos o desde Visual Studio.
Para instalar Entity Framework Core usando la línea de comandos, ejecuta el siguiente comando en la terminal:
bash
dotnet add package Microsoft.EntityFrameworkCore.SqlServer
Para instalar Entity Framework Core usando Visual Studio, haz clic con el botón derecho en el proyecto en el Explorador de soluciones y selecciona «Administrar paquetes NuGet».
2. Creando un Contexto de Datos
Un contexto de datos es una clase que representa una conexión a la base de datos y permite la interacción con los datos.
Crea una nueva clase llamada «MyDbContext» en la carpeta «Data».
«`csharp
using Microsoft.EntityFrameworkCore;
namespace MyWebApp.Data
{
public class MyDbContext : DbContext
{
public MyDbContext(DbContextOptions
{
}
public DbSet<Product> Products { get; set; }
}
}
«`
3. Creando una Entidad
Una entidad es una clase que representa una tabla en la base de datos.
Crea una nueva clase llamada «Product» en la carpeta «Models».
csharp
namespace MyWebApp.Models
{
public class Product
{
public int Id { get; set; }
public string Name { get; set; }
public decimal Price { get; set; }
}
}
4. Configurando la Conexión a la Base de Datos
En el archivo «appsettings.json», agrega la configuración de la conexión a la base de datos.
json
{
"ConnectionStrings": {
"DefaultConnection": "Server=(localdb)\mssqllocaldb;Database=MyDatabase;Trusted_Connection=True;MultipleActiveResultSets=true"
}
}
5. Configurando el Contexto de Datos en el Startup.cs
En el archivo «Startup.cs», configura el contexto de datos en el método «ConfigureServices».
«`csharp
public void ConfigureServices(IServiceCollection services)
{
services.AddDbContext
options.UseSqlServer(Configuration.GetConnectionString(«DefaultConnection»)));
// Otros servicios
}
«`
6. Interactuando con los Datos
Ahora puedes usar el contexto de datos para interactuar con la base de datos.
Para agregar un nuevo producto:
csharp
using (var context = new MyDbContext())
{
var product = new Product { Name = "Laptop", Price = 1200 };
context.Products.Add(product);
context.SaveChanges();
}
Para obtener todos los productos:
csharp
using (var context = new MyDbContext())
{
var products = context.Products.ToList();
}
Para actualizar un producto:
csharp
using (var context = new MyDbContext())
{
var product = context.Products.Find(1);
product.Name = "New Name";
context.SaveChanges();
}
Para eliminar un producto:
csharp
using (var context = new MyDbContext())
{
var product = context.Products.Find(1);
context.Products.Remove(product);
context.SaveChanges();
}
Implementando la Seguridad
La seguridad es un aspecto crucial de cualquier aplicación web. ASP.NET Core ofrece una amplia gama de características de seguridad que puedes usar para proteger tus aplicaciones.
1. Autenticación
La autenticación es el proceso de verificar la identidad de un usuario. ASP.NET Core admite varios métodos de autenticación, como la autenticación de formularios, la autenticación de identidad de Google, la autenticación de identidad de Facebook y la autenticación de Azure Active Directory.
2. Autorización
La autorización es el proceso de determinar los permisos de un usuario. ASP.NET Core te permite definir políticas de autorización para controlar el acceso a recursos específicos.
3. Protección contra Ataques de Inyección SQL
Los ataques de inyección SQL son un riesgo importante para las aplicaciones web. ASP.NET Core ofrece protección contra ataques de inyección SQL mediante el uso de Entity Framework Core y el filtrado de entrada.
4. Protección contra Ataques de Cross-Site Scripting (XSS)
Los ataques XSS son otro riesgo importante para las aplicaciones web. ASP.NET Core ofrece protección contra ataques XSS mediante el filtrado de salida y el uso de bibliotecas de seguridad.
Pruebas Unitarias
Las pruebas unitarias son esenciales para garantizar la calidad de tu código. ASP.NET Core admite la creación de pruebas unitarias usando frameworks de pruebas como xUnit y NUnit.
1. Creando un Proyecto de Pruebas Unitarias
Puedes crear un proyecto de pruebas unitarias para tu aplicación de ASP.NET Core.
Para crear un proyecto de pruebas unitarias usando la línea de comandos, ejecuta el siguiente comando en la terminal:
bash
dotnet new xunit -o MyWebApp.Tests
Para crear un proyecto de pruebas unitarias usando Visual Studio, haz clic con el botón derecho en la solución en el Explorador de soluciones y selecciona «Agregar» > «Nuevo proyecto».
2. Escribir Pruebas Unitarias
Una vez que hayas creado un proyecto de pruebas unitarias, puedes escribir pruebas para tu código.
Ejemplo de una prueba unitaria:
«`csharp
using Xunit;
namespace MyWebApp.Tests
{
public class CalculatorTests
{
[Fact]
public void Add_ShouldReturnSumOfTwoNumbers()
{
// Arrange
var calculator = new Calculator();
var num1 = 5;
var num2 = 3;
// Act
var result = calculator.Add(num1, num2);
// Assert
Assert.Equal(8, result);
}
}
}
«`
3. Ejecutar Pruebas Unitarias
Puedes ejecutar las pruebas unitarias desde la terminal o desde Visual Studio.
Para ejecutar las pruebas unitarias desde la terminal, navega a la carpeta del proyecto de pruebas y ejecuta el siguiente comando:
bash
dotnet test
Para ejecutar las pruebas unitarias desde Visual Studio, haz clic con el botón derecho en el proyecto de pruebas en el Explorador de soluciones y selecciona «Ejecutar pruebas».
Implementación de la Aplicación
Una vez que hayas desarrollado y probado tu aplicación de ASP.NET Core, puedes implementarla en un servidor web.
1. Publica tu Aplicación
Puedes publicar tu aplicación de ASP.NET Core usando la línea de comandos o Visual Studio.
Para publicar tu aplicación usando la línea de comandos, ejecuta el siguiente comando en la terminal:
bash
dotnet publish -c Release
Para publicar tu aplicación usando Visual Studio, haz clic con el botón derecho en el proyecto en el Explorador de soluciones y selecciona «Publicar».
2. Elige un Proveedor de Alojamiento
Hay varios proveedores de alojamiento que ofrecen soporte para ASP.NET Core. Algunos proveedores populares incluyen:
- Azure: La plataforma en la nube de Microsoft ofrece una amplia gama de servicios para alojar aplicaciones ASP.NET Core.
- AWS: La plataforma en la nube de Amazon ofrece una amplia gama de servicios para alojar aplicaciones ASP.NET Core.
- Google Cloud: La plataforma en la nube de Google ofrece una amplia gama de servicios para alojar aplicaciones ASP.NET Core.
3. Implementa tu Aplicación
Una vez que hayas elegido un proveedor de alojamiento, puedes implementar tu aplicación. Los pasos para implementar tu aplicación variarán dependiendo del proveedor de alojamiento que elijas.
Conclusión
Este tutorial te ha dado una introducción completa a ASP.NET Core y te ha enseñado cómo crear una aplicación web básica. Has aprendido los fundamentos de ASP.NET Core, cómo configurar el entorno de desarrollo, crear un proyecto, construir vistas, manejar datos y implementar la seguridad.
Con esta base sólida, puedes empezar a construir aplicaciones web complejas y potentes con ASP.NET Core.
Recuerda que el desarrollo web es un campo en constante evolución, por lo que es importante mantenerse actualizado con las últimas tecnologías y herramientas.
¡Feliz desarrollo web!