Personalizacion en ASP .NET 2.0 (Parte 01) 

Controles Login

 

Fecha: 22/Sep/2005 (20/Set/2005)
Autor: Ricardo La Rosa Roldan - RiLaRos@hotmail.com

 


Hola, bueno solo a manera de introduccion quiero comentarles algo sobre mi, en especifico, que este es mi primer articulo, a partir de el cual pienso tener una lista interminable contribuyendo con mis conocimientos a cada uno de ustedes ademas ser retribuido con sus calificaciones, y bueno a dejarse de rodeos y al grano como se dice.

Introduccion.

Bueno mi articulo trata sobre lo que es la personalizacion en ASP .NET 2.0 lo cual me basare en el uso de los nuevos controles para esta version como son los controles LogIn, mi articulo consiste en una aplicacion la cual usara el tipo de autenticacion por formularios, la cual tendra una pagina de logueo, otra de registro ademas de usar una base de datos q viene con el  Framework para trabajar lo que son temas de personalizacion, Web Parts, etc.

Pues bien empezemos:

En primer lugar tenemos q crear la base de datos con la cual trabajaremos porque al nosotros trabajar con usuarios y perfiles, esa informacion debe guardarse en algun lugar, pero el Framework nos da la facilidad de tener la base de datos lista solo para ejecutarla y cargarla a nuestro SQL y para eso abrimos el archivo aspnet_regsql que se encuentra en la siguiente ruta: Unidad_SO:\WINDOWS\Microsoft.NET\Framework\Version\, al ejecutar esto nos aparece un wizard muy intuitivo el cual nos servira para generar la base de datos. Para crearla solo hacemos siguiente en todos los pasos y le ponemos un nombre: PersonalizacionDB y ya esta generada.

Una vez generada la base de datos procedemos a crear el WebSite en VS2005, al cual agregaremos las siguientes paginas:

    -  Default.aspx: Esta se crea por defecto con el WebSite

    -  LogIn.aspx: La utilizaremos para loguearmos al sistema

    -  NewUser.aspx: Nos servira para poder crear un nuevo usuario

    -  StateUser.aspx: Nos mostrara el estado del usuario (LogIn - logOut)

    - Personalizar.aspx: Aca podremos agregarle un perfil al usuario

Teniendo agregadas ahora nos vamos a configurar nuestra aplicacion, primeramente agregamos esa cadena de coneccion en el Web.Config.

Connection String

Bueno quiza algunos de ustedes no tienen mucho conocimiento de esto y se preguntaran para que hacer esto?, pues bien aca va la respuesta; para trabajar con personalizacion en el machine.config hay una cadena de conceccion predermida y esa se usa para las aplicaciones, pero como esta hecha para trabajar con versiones express tiene valoires por defecto los cuales no nos dejaran trabajar tranquilos, asi que haciendo </Clear> borramos todas los ConnectionStrings existentes y definimos uno nuevo de acuerdo a nuestro esntorno de trabajo, pero el nombre no se debe cambiar (LocalSQLServer) ya que ese es el nombre asignado para el proveedor de datos SQL Server, teniendo ya configurada nuestra cadena de conecion ahora nos vamos a WebSite->ASP .NET Configuracion en la barra de menus para probar si funciona la coneccion con este proveedor de datos y tambien para crear usuarios y roles para nuestra aplicacion. Se abre una ventana del explorador y nos aparecen 3 opcione :Security, Application Configuration y Provider Configuration; nos vamos a Provider configuracion para testear nuestra coneccion, escogemos un solo proveedor para la administracion de todo el sitio y procedemos a testear, si hasta ahora todo lo hemos hecho como se indico, pues el resultado sera q nuestra coneccion funciona correctamente, de lo contrario vuelva a revisar lineas antes para verificar algun error. bueno si todo va bien ahora nos vamos a la pestaña seguridad y nos aparece la siguiente opcion: "Use the security Setup Wizard to configure security step by step. " pues bien hacemos click ahi pues seguimos el Wizard intuitivamente, next luego seleccionamos la opcion 'desde internet' , next..., Activamos la casilla 'Enable roles for this Web site', next, Agregamos un rol para el usuario q crearemos, por ejemplo Admin, seguidamente creamos el usuario y al final le asignamos a este rol el usuario creado. Cuando se crea el usuario quiza le pida que ingrese otra contraseña, eso es debido a la seguridad que trae consigo esta nueva version. Terminado esto ya tenemos creado el usuario y el password en la base de Datos PersonalizacionDB.

Prosiguiendo con este articulo ahora nos dirigimos a implementar cada una de las paginas creadas anteriormente.

La pagina de default nos mostrara un mensaje de bienvenida y un link q nos llevara a ver el estado del usuario pero para poder ingresar a la pagina debemos estar previamente logueados y para eso implementamos la pagina de LogIn, nos vamos al ToolBox y agregamos un Control llamdo LogIn, bueno en esta pagina no usaremos codigo, como ya es conocido esto es lo que se estila en esta nueva version de ASP .NET 2.0, pero lo que si haremos es configurar las propiedades del control para que se pueda adecuar a nuestra necesidad. Las propiedades a configurar son las siguientes:

 

Propiedad Valor Descripcion
CreateUserTex Nuevo Usuario Sera el texto que ira en el control para crear un nuevo usuario
CreateUserUrl ~/NewUser.aspx Esta es la pagina a la cual nos redireccionara, y ahi crearemos el usuario
PasswordRecoveryText olvide mi contraseña? Texto en el control para recuperar la contraseña
PasswordRecoveryUrl ~/RecuperarPassword.aspx Pagina que nos redireccionara para hacer el proceso de recuperacion de contraseña

Una ves configurado este control ya tenemos lo principal terminado, ahora nos vamos a la pagina default.aspx y le agregamos un control LoginName, el cual nos reportara el nombre del usuario en caso se haya autenticado y tambien le agregamos un Hyperlink el cual nos llevara a la pagina de Estado del usuario y ahi donde nos mostrara el nick y avatar.

Bueno hasta ahora ya tenemos una aplicacion con autentiacion por formularios y ya nos podemo loguear e ingresar a la pagina, pero si recuerdan en el control LogIn habiamos configurado 2 cosas : Nuevo Usuario y olvide mi contraseña, ais que vamos a implementar ahora la pagina de nuevo usuario.

Abrimos la pagina NewUser.aspx le agregamos un control CreateUserWizard y bueno al fiel estilo de ASP .NET 2.0 solo configuramos las propiedades y lo demas ya viene dentro del control, por si solo se encarga de registrar al usuario y guardar sus datos en la Base de datos.

 

Resumiendo:

- Generamos la Base de Datos Necesaria para nuestra Aplicacion

- Configuramos el Web.Config con la cadena de coneccion apropiada

- Configuramos la aplicacion creando un usuario y asignadole roles.

- Implementamos la pagina y aprendimos a ver la funcionalidad de los controles LogIn

Conclusiones:

-Tenemos una aplicacion autenticada por formulario q nos permite loguearnos y crear nuevos usuario, pero guardando todos los datos en PersonalizacionDB, ademas pudimos ver lo nuevo en ASP .NET 2.0 que es hacer aplicaciones cero codigo, como se habran podido dara cuenta no usamos ni una sola linea de codigo, enla 2da parte de este articulo implementaremos lo que es el Estado del usuario donde se podra asignar un nick y ademas un avatar, y todo se podra conservar gracias a que se guarda todo en la base de datos que creamos, ademas implementaremos las paginas de Asignar un perfil al usuario y Recuperar la contraseña, ademas veremos el uso de mas controles LogIn. Para la 2da parte les envio el codigo de la aplicacion completa.

P.D. No olviden calificarme ya que es muy importante para mi saber que les sirven mis articulos y asi motivarme para seguir brindandoles mas conocimientos. Si tienen alguna duda respecto a esto no olviden escribirme a mi correo.

 


ir al índice del Guille