Tutorial ASP

of 12 /12
Inicio de Sesión en ASP.Net utilizando Visual Basic y MySql 1. Comenzaremos por abrir el Visual Studio 2008, una vez abierto elegiremos Crear > Proyecto. 2. Una vez hagamos Clic allí nos despliega una ventana donde podremos, elegir el tipo de proyecto a trabajar basado en una plantilla, colocarle nombre al sitio, escoger el lenguaje de programación a utilizar [Visual Basic o C#] y elegir la ubicación del sitio. Para nuestro caso elegiremos Sitio Web Asp, en el nombre y ubicación es a lección de ustedes y en lenguaje escogemos Visual Basic, una vez establecidos estos parámetros hacemos clic en aceptar. 3. Se nos inicializara el entorno de trabajo, veremos algo como esto:

Transcript of Tutorial ASP

Page 1: Tutorial ASP

Inicio de Sesión en ASP.Net utilizando Visual Basic y MySql

1. Comenzaremos por abrir el Visual Studio 2008, una vez abierto elegiremos Crear >

Proyecto.

2. Una vez hagamos Clic allí nos despliega una ventana donde podremos, elegir el tipo de

proyecto a trabajar basado en una plantilla, colocarle nombre al sitio, escoger el lenguaje

de programación a utilizar [Visual Basic o C#] y elegir la ubicación del sitio. Para nuestro

caso elegiremos Sitio Web Asp, en el nombre y ubicación es a lección de ustedes y en

lenguaje escogemos Visual Basic, una vez establecidos estos parámetros hacemos clic en

aceptar.

3. Se nos inicializara el entorno de trabajo, veremos algo como esto:

Page 2: Tutorial ASP

4. Lo primero que debemos hacer es preparar la configuración del asp, para que este pueda

trabajar con MySql, como ya sabemos asp viene configurado para trabajar con SqlServer

por defecto, así que tendremos que mover algunas configuraciones.

Comenzaremos por agregar las referencias (librerías DLL) de MySql, esto lo hacemos

haciendo Clic derecho sobre el nombre del Sitio Web, esto nos despliega un menú, allí

seleccionaremos la opción Agregar referencia…

Una vez hacemos Clic allí nos despliega una ventana para agregar la referencia, en esta

venta nos vamos a la pestaña examinar, allí navegaremos a hasta la carpeta donde

Page 3: Tutorial ASP

tengamos los archivos DLL, cuando instalamos MySql por defecto lo almacena en la

carpeta c:\Archivos de Programa\MySql\Connector NET 6.4.4\Assemblies\v2.0\

Agregaremos dos referencias, MySql.Data y MySql.Web

5. Lo siguiente que debemos hacer es modificar un archivo llamado machine.config, este

archivo lo encontramos en la siguiente ruta:

C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\CONFIG

Abrimos el archivo con un editor [preferiblemente un editor de texto enriquecido, como

por ejemplo Notepad ++ o el mismo Dreamweaver], allí vamos hacer unas

modificaciones. Buscamos la etiqueta <Membership> y reemplazamos el contenido del

archivo por este:

<membership>

<providers>

<add name="AspNetSqlMembershipProvider"

type="System.Web.Security.SqlMembershipProvider"

connectionStringName="LocalSqlServer" />

<add name="MySQLMembershipProvider"

autogenerateschema="true"

type="MySql.Web.Security.MySQLMembershipProvider, MySql.Web, Version=6.4.4.0,

Culture=neutral, PublicKeyToken=c5687fc88969c44d"

connectionStringName="LocalMySqlServer"/>

</providers>

</membership>

Page 4: Tutorial ASP

Una vez hecho el cambio guardamos y cerramos el archivo. Ahora volvemos al Visual

Studio y vamos a abrir el archivo llamado Web.config, en este archivo buscaremos la

etiqueta <connectionStrings> y reemplazaremos por el siguiente código:

<connectionStrings>

<remove name="LocalMySqlServer"/>

<add name="LocalMySqlServer"

ConnectionString="Datasource=localhost;Database= nombre de la base de datos

;uid=root; pwd=clave del servidor;"

providerName="MySql.Data.MySqlClient"/>

</connectionStrings>

Luego de haber hecho estas modificaciones guardamos los cambios y cerramos el archivo.

Con esto ya hemos terminado con las modificaciones necesarias para trabajar con MySql.

6. Asp.net posee innumerables funciones y herramientas que facilitan el trabajo de los

desarrolladores, una de ellas es la autenticación de usuarios. Podemos crear roles [grupos

de usuarios] y asignarle permisos y otras características. Asp.net se encarga de crear toda

la estructura en la base de datos para almacenar los usuarios y hacer las autenticaciones.

En el menú vamos a la opción Sitio Web y allí haremos Clic en la opción Configuración de

asp.net.

Al hacer Clic en esta opción se nos carga en el navegador la aplicación de configuración:

Page 5: Tutorial ASP

7. Lo primero que debemos hacer es ir a la pestaña proveedor

Una vez en esta pestaña elegiremos la opción de MySqlProvider para los dos casos:

Page 6: Tutorial ASP

Y para realizar la prueba de conexión hacemos clic en Prueba y nos debe de dar el

siguiente mensaje:

Si nos da este mensaje quiere decir que hemos hecho todo de la forma correcta, ahora nos

iremos a la pestaña Seguridad.

Y allí haremos clic en la opción crear usuario.

Esto nos llevara a la siguiente ventana donde crearemos nuestro primer usuario

[Administrador]

Introducimos los datos de la cuenta del nuevo usuario y hacemos clic en Crear usuario. Y

listo ya tenemos creado el primer usuario, si revisamos en Toad la base de datos vemos

que Asp.net ha creado una serie de tablas para el manejo de los usuarios, roles, permisos,

Page 7: Tutorial ASP

etc. [Recomendación: buscar información acerca de roles u autenticación de usuarios en

asp.net para entender mejor en que consiste esta herramienta]

Nota: Punto importante, deben copiar las DLL de MySql en la carpeta BIN de su proyecto,

sino la base de datos no podrá conectarse desde la aplicación

Una vez que terminamos de crear los usuarios vamos a ir un momento a la interface de

trabajo y haciendo un clic derecho sobre el nombre de la aplicación nos despliega un

menú en el escogeremos la opción agregar > nueva carpeta

Le colocaremos el nombre de nuestra preferencia en mi caso le he puesto MemberPages,

en esta carpeta es donde vamos a almacenar la paginas no queremos que sean accesibles

por usuarios anónimos, haciendo un Clic derecho sobre la carpeta agregaremos una nueva

página.

8. Ahora volveremos a la herramienta de administración de asp.net y a la pestaña seguridad,

y allí haremos Clic donde dice habilitar funciones y luego donde dice crear o administrar

funciones.

Page 8: Tutorial ASP

Aquí le daremos un nombre a nuestra función y hacemos clic en el botón Agregar Función

Nos aparecerá algo así, volvemos a la pestaña de seguridad y esta vez vamos a la opción

reglas de acceso y hacemos clic en Crear reglas de acceso. Esto nos despliega la siguiente

ventana:

Buscaremos la carpeta que creamos en mi caso MemberPages y la seleccionamos, luego

donde dice La regla se aplica a: escogemos la opción usuario anónimo y en permiso

elegimos la opción denegar. Esto que acabamos de hacer lo que nos crea es una regla de

acceso en la que los usuarios que no estén autenticados no podrán acceder a las páginas

que estén dentro de este directorio.

9. Hecho esto listo casi todo, solo nos falta agregar el control de acceso de usuario y decirle

cómo se va a comportar. En el explorador del proyecto tenemos una página la cual se nos

crea por defecto y tiene por nombre default.aspx, ella es la que usaremos como página de

principal, desde donde nos vamos a logear, mientras que en la carpeta que creamos [en

mi caso MemberPages] crearemos otra página que le colocaremos cualquier nombre [en

mi caso se llama destino.aspx, esta será a la página que accedemos una vez logeado al

sistema.

Page 9: Tutorial ASP

10. En la página Default.aspx vamos a agregar el control llamado login.

En las propiedades buscamos DestinationPageUrl y allí elegimos la página que está dentro

de nuestra carpeta con la regla de acceso, con esto le indicamos al control que una vez

que estemos logueados no envíe a esa página.

Page 10: Tutorial ASP

Abrimos la página que creamos dentro de la carpeta con los roles y le añadimos un texto

que identifique a la página.

Y adicional le agregamos el control llamado LoginStatus

Con este control cerramos la sesión.

Ahora vamos al menú generar y hacemos clic en generar <nombre de la aplicación>, en mi

caso Tutorialasp

Page 11: Tutorial ASP

Y ya por últimos vamos a probar nuestra aplicación hacemos clic en el botón ejecutar

Si todo va bien nos debe abrir el navegador con la página en donde vamos a iniciar sesión.

Escribimos el nombre de usuario y la clave del usuario que creamos.

Si hemos hecho todo bien nos re direccionara a la página restringida.

Page 12: Tutorial ASP

Y Listo tenemos un inicio de sesión usando roles y usuarios con el asistente de

configuración de asp.net.