REGISTRO USUARIOS EN ASP.NET
REGISTRO DE USUARIOS EN ASP.NET
En este post, vamos a ver como implementar la función de registro de usuarios para nuestros proyectos en Asp.Net.
Vamos a ver un ejemplo sencillo de un registro de usuarios sin encriptación con Email y contraseña y vamos a usar el framework ASP.NET
Para empezar necesitamos una base de datos en la que podamos almacenar la información relacionada con nuestros usuarios. Una vez la tengamos vinculada en nuestro proyecto podemos avanzar.
Vamos a empezar a configurar el REGISTRO de nuestros usuarios. Para ello vamos a crearnos en nuestra carpeta de MODELS en nuestro proyecto ASP.NET una nueva clase llamada Usuario.cs, dicha clase va servir de modelo y va a almacenar todos los datos relacionados con el usuario recogidos en la base de datos, en este caso recogeremos el email y la contraseña.
Ahora, el siguiente paso va a ser asociar nuestro modelo Usuario a nuestra tabla Usuario en nuestra Base de Datos, para ello necesitamos acceder a la base de datos con la propiedad de squema Table[], indicandole el nombre de la tabla que queremos acceder y posteriormente recogeremos y definiremos como variable los campos de la BBDD «EMAIL» y «PASSWORD».
Ya tenemos definido nuestro modelo para guardar y registrar usuarios, así que ahora el siguiente paso que vamos a realizar es meter los «nuggets» necesarios para nuestro proyecto:
Nos vamos a «Manage nuggets» y añadimos los siguientes:
Para continuar, vamos a crearnos sobre nuestro proyecto una carpeta llamada Data y dentro de esta misma vamos añadir una clase llamada UsuariosContext, en la cual vamos a asociar a nuestra base de datos y vamos a recoger los datos relacionados con el usuario de esa misma.
Es el momento de crear nuestro repositorio para creearnos nuestras funciones para el registro.
Para esto vamos a crearnos una nueva carpeta en nuestro proyecto llamada «Repositories» y dentro de esta una nueva clase llamada «RepositoryUsuarios».
Dentro del repositorio que hemos creado necesitamos inyectar el «UsuariosContext».
Y instanciarlo en nuestro repositorio:
FUNCIONALIDAD DEL REGISTRO:
Ahora llego la hora de empezar a escribir nuestro código para hacer la funcionalidad del Registro.
Para ello vamos a crearnos una función que nos saque el id del último usuario registrado para poder añadir el siguiente id disponible al nuevo usuario que se va a registrar.
Una vez creada esta función, necesitamos hacer un «insert» de un nuevo usuario y para ello le necesitamos pasar un email y una contraseña que serán introducidas mediante un formulario por el usuario.
Ya tenemos la funcionalidad para el registro en nuestro repositorio, por lo que ya es hora de poder crearnos nuestro controlador para los usuarios, el cual vamos a llamar «UsuariosController»
Posteriormente, en nuestro nuevo controlador tenemos que hacer la inyección de nuestro repositorio «RepositoryUsuarios» e instanciarlo en nuestro controlador.
Vamos ahora a crearnos un nuevo método IActionResult llamado «Register» que tenga también un método HttpPost y que reciba un Email y una contraseña.
Una vez creados nos vamos al método Post de Register y definimos dentro de este método un nuevo usuario, y asociamos el email y contraseña gracias a la función que hemos creado en el repositorio.
Usamos el await ya que es una función asincrona, y creamos un ViewData para mostrar un mensaje de que el usuario ha sido registrado correctamente.
El próximo paso es crearnos nuestra vista que contenga un formulario para el registro del nuevo usuario.
Le damos a añadir nueva vista y posteriormente nos creamos dentro de ella un formulario simple con bootstrap para que el usuario pueda introducir su email y contraseña.
Para ir acabando pero no menos importante, tenemos que meter la cadena de conexión de nuestra base de datos en el appsettings, añadir el repositorio y el context en el program y crear un enlace en el _Layout para poder acceder al formulario para el registro.
Vamos paso a paso:
APPSETINGS:
Dentro del appsetings hay que añadir nuestra cadena de conexión:
Una vez añadida, nos vamos a nuestra Program.cs y aañadimos la cadena de conexión y tanto el repositorio como el context:
Ahora por último solo nos queda añadir un enlace en el _Layout para poder acceder al registro:
Lo ejecutamos, lo probamos y vemos que es funcional.
Conclusiones:
El registro de usuarios básico se puede conseguir de manera sencilla, este es solo un pequeño ejemplo para ver la estructura básica de un registro.
Es aconsejable encriptar la contraseña con algún método como Salt para hacer más segura nuestra página.
Posibles problemas:
Asegúrate de tener bien la cadena de conexión con la base de datos. Es uno de los fallos más comunes a la hora de realizar este tipo de ejercicios.
Autor/a: Javier Pantoja León
Curso: Desarrollo Web Full Stack + MultiCloud con Azure y AWS
Centro: Tajamar
Año académico: 2022-2023
Código / recursos utilizados / Otros datos de interés: https://github.com/javierpantoja1998/RegistroPost.git