Crear un sitio web ASP.NET con inicio de sesión de usuario básico

Orrala Orobio Madeleyne Ashley 20:39

Tutorial: Crear un sitio web ASP.NET con inicio de sesión de usuario básico

.NET Framework 4
Personas que lo han encontrado útil: 5 de 6 - Valorar este tema
Muchos sitios web incluyen contenido que solo está disponible para las personas que han iniciado sesión (es decir, que se han autenticado). De forma predeterminada, ASP.NET proporciona plantillas de proyecto de sitio web que incluyen páginas que permiten realizar tareas de autenticación.
NotaNota
La plantilla de proyecto web ASP.NET que se muestra en este tutorial es nueva en Visual Studio 2010.
Este tutorial muestra cómo utilizar una plantilla de proyecto web ASP.NET para crear un sitio web con funcionalidad de inicio de sesión básica.
Las tareas ilustradas en este tutorial incluyen:
  • Crear un sitio web ASP.NET.
  • Crear una página solo para miembros. Solo podrán tener acceso a la página los usuarios autenticados (usuarios que han iniciado sesión).
  • Utilizar la página de registro, que permite a los usuarios registrarse y crear una nueva cuenta.
  • Iniciar sesión y obtener acceso a información que solo está disponible para los usuarios autenticados.
  • Utilizar la página de cambio de contraseña, que permite a los usuarios que tienen una cuenta cambiar su contraseña.
  • Hacer que tengan acceso a la página de cambio de contraseña los usuarios autenticados (y solo los usuarios autenticados).
Requisitos previos
Para poder completar este tutorial, necesitará:
Crear un nuevo proyecto de sitio web
Comenzará creando un nuevo proyecto de sitio web ASP.NET. La plantilla de proyecto que usará incluye muchos de los elementos necesarios para crear un sitio que admita la autenticación.
En este tutorial se usa un proyecto de sitio web. No obstante, puede utilizar un proyecto de aplicación web si así lo desea. Para obtener información sobre la diferencia entre estos tipos de proyectos web, vea Proyectos de aplicación web frente a proyectos de sitio web.

Para crear un nuevo sitio web ASP.NET

  1. Inicie Visual Studio o Visual Web Developer.
  2. En el menú Archivo, haga clic en Nuevo sitio Web. (Si no ve esta opción, haga clic en Nuevo y, a continuación, haga clic en Sitio web).
    Aparece el cuadro de diálogo Nuevo sitio web.
  3. En Plantillas instaladas, haga clic en Visual Basic o en C# y, a continuación, seleccione Sitio web ASP.NET.
  4. En el cuadro Ubicación web, seleccione Sistema de archivos y escriba el nombre de la carpeta donde desee conservar las páginas del sitio web. Por ejemplo, escriba el nombre de carpeta C:\Websites\Login y, a continuación, haga clic en Aceptar.
    Visual Studio crea la carpeta y abre el sitio web en la vista Código fuente. Observe que el sitio web raíz contiene varios archivos y carpetas, incluidos la carpeta Cuenta, un archivo Web.config, las páginas About.aspx y Default.aspx, y la página maestra Site.master.
  5. Presione CTRL+F5 para ejecutar la página.
    En el explorador se muestra la página principal del sitio web. Observe los elementos de menú (Página principal, Acerca de) y el hipervínculo Iniciar sesión.
  6. Cierre el explorador.
Crear una página solo para miembros
En esta sección creará una página solo para miembros. Solo podrán obtener acceso a esta página los usuarios que hayan iniciado sesión (usuarios autenticados). Agregará un control HyperLink a la página maestra para redirigir a los usuarios autenticados a la página solo para miembros. Cuando los usuarios que no hayan iniciado sesión (usuarios anónimos) hagan clic en el hipervínculo solo para miembros, se les redirigirá a la página de inicio de sesión donde podrán iniciar sesión o crear una cuenta.

Para crear la página solo para miembros

  1. En el Explorador de soluciones, haga clic con el botón secundario en la carpeta Cuenta y, a continuación, haga clic en Agregar nuevo elemento.
    NotaNota
    Asegúrese de que está creando la nueva página en la carpeta Cuenta.
  2. En el cuadro de diálogo Nuevo sitio web, seleccione Web Forms.
  3. En el cuadro de texto Nombre, escriba MembersOnly.aspx.
  4. Active la casilla Seleccionar página maestra y, a continuación, haga clic en Agregar.
    Aparece el cuadro de diálogo Seleccionar una página maestra.
  5. Debajo de Contenido de la carpeta, seleccione Site.master y, a continuación, haga clic en Aceptar.
    La página MembersOnly.aspx se crea en la carpeta Cuenta. La página es una página de contenido de la página Site.master.
  6. En el Explorador de soluciones, haga doble clic en la página MemberOnly.aspx para abrirla y, a continuación, cambie a la Vista de diseño.
  7. Agregue contenido a la página principal.
    Por ejemplo, puede agregar "Welcome to the members-only page. You have successfully logged in".
Además de la página que ha creado, la carpeta Cuenta contiene las siguientes páginas y archivos:
  • Register.aspx. Esta página permite a los nuevos usuarios crear una cuenta.
  • Página Login.aspx. Solicita un nombre de usuario y una contraseña.
  • ChangePassword.aspx. Esta página permite que los usuarios registrados cambien su contraseña.
  • ChangePasswordSuccess.aspx. Esta página se muestra cuando los usuarios cambian correctamente su contraseña.
  • Un archivo Web.config.
De forma predeterminada, los usuarios anónimos no tienen acceso a las páginas de la carpeta Cuenta, excepto las páginas Register.aspx y Login.aspx. Los valores que definen el acceso a las páginas de la carpeta Cuenta se configuran en el archivo Web.config de esta carpeta. Los valores que definen el acceso a la página de inicio de sesión se configuran en el archivo Web.config raíz.
A continuación, modificará el control Menu de la página maestra y agregará un elemento de menú que vincula a la página solo para miembros.

Para agregar un elemento de menú para la página solo para miembros

  1. En el Explorador de soluciones, haga doble clic en la página Site.master para abrirla y a continuación, cambie a la Vista de diseño.
  2. Seleccione el control Menu que contiene los elementos de menú Home y About y, a continuación, haga clic en la etiqueta inteligente del control de menú.
  3. En Tareas de menú, haga clic en Editar elementos de menú…
    Se muestra el Editor de elementos de menú.
  4. Bajo Elementos, haga clic en el botón Agregar un elemento de raíz en la barra de herramientas.
    En el árbol de menús se crea un nuevo elemento.
  5. Seleccione Nuevo elemento.
  6. En la ventana Propiedades del Editor de elementos de menú, establezca la propiedad Text en "Solo miembros".
  7. Haga clic en NavigateUrl y, a continuación, haga clic en el botón de puntos suspensivos (...).
    Aparecerá el cuadro de diálogo Seleccionar dirección URL.
  8. Bajo Carpetas de proyecto, haga clic en Cuenta.
  9. Debajo de Contenido de la carpeta, seleccione MembersOnly.aspx y, a continuación, haga clic enAceptar.
  10. Haga clic en Aceptar para cerrar el cuadro de diálogo.
  11. Guarde y cierre la página Site.master.
  12. En el Explorador de soluciones, haga clic con el botón secundario en la página Default.aspx y, a continuación, haga clic en Establecer como página principal.
Crear una nueva cuenta
Dado que todavía no tiene una cuenta, tiene que registrarse para iniciar sesión y obtener acceso a la página solo para miembros. Los usuarios anónimos pueden tener acceso a la página principal (Default.aspx) y la página About, pero no al contenido de la página maestra para usuarios autenticados. Tampoco está disponible para los usuarios anónimos el contenido de la carpeta Cuenta (excepto la página de registro y la página de inicio de sesión). Si los usuarios anónimos intentan tener acceso a contenido protegido, se les redirige a la página de inicio de sesión.

Para crear una nueva cuenta

  1. Presione CTRL+F5 para ejecutar el sitio.
  2. Haga clic en Solo miembros.
    Se muestra la página de inicio de sesión.
  3. Haga clic en Registrarse.
    Se muestra la página Register.aspx (Crear una nueva cuenta).
  4. Escriba la información solicitada.
    Por ejemplo, puede escribir ScottBrown como nombre de usuario, scott@example.com como correo electrónico y una contraseña. De forma predeterminada, la contraseña debe tener como mínimo seis caracteres. El nombre de usuario no requiere caracteres no alfanuméricos y la dirección de correo electrónico no tiene que ser única.
  5. Haga clic en Crear usuario.
    Al terminar el registro para una nueva cuenta, se le redirige a la página solo para miembros. Observe que su nombre de usuario se muestra junto a Cerrar sesión.
  6. Haga clic en Cerrar sesión.
    Se le redirige a la página principal.
  7. Cierre el explorador.
Cambiar la contraseña
En esta sección creará un hipervínculo en la página principal para redirigir a los usuarios a la página de cambio de contraseña. Utilizará esta página para cambiar la contraseña después de iniciar sesión.

Para crear un vínculo a la página de cambio de contraseña

  1. En el Explorador de soluciones, haga doble clic en la página Site.master y cambie a la Vista de diseño.
  2. Desde el nodo Estándar del Cuadro de herramientas, arrastre un control HyperLink hacia la página maestra y colóquelo junto al hipervínculo Iniciar sesión.
    En esta parte del tutorial no importa dónde coloca el control HyperLink.
  3. En las ventanas Propiedades, cambie la propiedad Text a Cambiar contraseña. Puede aceptar el identificador predeterminado.
  4. En la ventana Propiedades, haga clic en NavigateUrl y, a continuación, en el botón de puntos suspensivos (…).
    Aparecerá el cuadro de diálogo Seleccionar dirección URL.
  5. Bajo Carpetas de proyecto, haga clic en Cuenta.
  6. Debajo de Contenido de la carpeta, seleccione ChangePassword.aspx y, a continuación, haga clic enAceptar.
  7. Presione CTRL+F5 para ejecutar la página.
    Observe que puede tener acceso al vínculo Cambiar contraseña si no ha iniciado sesión.
  8. Haga clic en Cambiar contraseña.
    Se le redirige a la página de inicio de sesión porque solamente los usuarios autenticados puede obtener acceso a la página de cambio de contraseña.
  9. Escriba el nombre de usuario y la contraseña que creó anteriormente y, a continuación, haga clic enIniciar sesión.
    Se muestra la página de cambio de contraseña.
  10. Haga clic en Cerrar sesión.
  11. Cuando vuelva a la página principal, cierre el explorador.
A continuación, modificará el hipervínculo Cambiar contraseña para que solo tengan acceso a él los usuarios que hayan iniciado sesión. Para esto agregará el hipervínculo al control HeadLoginView en la página maestra.

Para que el vínculo de cambio de contraseña solo esté disponible para los usuarios que inicien sesión

  1. En el Explorador de soluciones, haga doble clic en Site.master.aspx para abrirla y, a continuación, cambie a la Vista de diseño.
  2. Elimine el hipervínculo Cambiar contraseña que creó anteriormente.
  3. Cambie a la vista Código fuente.
  4. En el nodo Estándar del Cuadro de herramientas, arrastre un control HyperLink al elementoLoggedInTemplate situado dentro del control LoginView.
  5. Establezca la propiedad Text en Cambiar contraseña.
  6. Después del atributo runat="server", escriba "NavigateUrl =" y, a continuación, haga doble clic enSeleccionar URL… en la lista emergente.
    Se muestra el cuadro de diálogo Seleccionar elemento de proyecto.
  7. Bajo Carpetas de proyecto, haga clic en Cuenta.
  8. Debajo de Contenido de la carpeta, seleccione ChangePassword.aspx y, a continuación, haga clic enAceptar.
    El marcado del hipervínculo tendrá un aspecto similar al ejemplo siguiente:
    <asp:HyperLink ID="HyperLink1" runat="server" 
    NavigateUrl="~/Account/ChangePassword.aspx">
  Change Password
</asp:HyperLink>
    Observe que este hipervínculo no será visible en la Vista de diseño, ya que el contenido del elementoLoggedInTemplate no resulta visible de forma predeterminada.
Prueba del sitio Web
Ahora puede probar la funcionalidad de cambio de contraseña del sitio web.

Para probar la página de cambio de contraseña

  1. Presione CTRL+F5 para ejecutar el sitio.
    Se muestra la página principal, pero el vínculo Cambiar la contraseña no está visible.
  2. Haga clic en Iniciar sesión y escriba su nombre de usuario y contraseña.
    Se le redirige a la página principal. Observe que su nombre y el vínculo Cambiar la contraseña están ahora visibles.
  3. Haga clic en Solo miembros.
    Se le redirige a la página solo para miembros.
  4. Haga clic en Cambiar la contraseña.
    Se muestra la página de cambio de contraseña.
  5. Escriba una nueva contraseña.
    Haga clic en Cambiar contraseña. Si el cambio es correcto, se mostrará la página de cambio correcto.

Probar la nueva contraseña

A continuación utilizará su nueva contraseña para volver a iniciar sesión y obtener acceso a la página solo para miembros.

Para probar la nueva contraseña

  1. Haga clic en Cerrar sesión. Se le redirigirá a la página principal que ven los usuarios anónimos.
  2. Haga clic en Iniciar sesión.
  3. Escriba su nombre de usuario y la nueva contraseña y, a continuación, haga clic en Iniciar sesión.
    Se le redirige a la página principal. Ahora puede obtener acceso al contenido que está disponible para los usuarios autenticados. .
  4. Haga clic en Solo miembros.
    Se le redirige a la página solo para miembros. Si intenta iniciar sesión con la autenticación de contraseña anterior no podrá.
  5. Cierre el explorador.

Entradas populares de este blog

NATURALEZA

Orrala Orobio Madeleyne Ashley 20:39
Imagen
INTRODUCCIÓN (who, 2021) La contaminación es un problema grave que afecta a la salud de nuestro planeta y de todos los seres vivos que lo habitan. Se refiere a la presencia de sustancias o agentes físicos, químicos o biológicos en el ambiente que exceden los niveles aceptables y pueden causar daño o alteración a los ecosistemas o a la salud humana. Existen varios tipos de contaminación, entre los que destacan la contaminación del aire, la contaminación del agua, la contaminación del suelo y la contaminación acústica. Cada uno de ellos tiene sus propias causas y consecuencias, pero todos contribuyen al deterioro del medio ambiente y al desarrollo de enfermedades en los organismos. (.unep, 2022) Por ejemplo, la contaminación del aire es causada principalmente por las emisiones de gases tóxicos de la quema de combustibles fósiles, la industria y el transporte. Esto conduce no solo al agotamiento del ozono y al calentamiento global, sino también al desarrollo de enfermedades respiratorias ...
Read more »

Instalación de SQL Server 2008 paso a paso

Orrala Orobio Madeleyne Ashley 20:39
Imagen
Instalación de SQL Server 2008 paso a paso Amigos bienvenidos en esta ocasión quiero compartirles un SQL Guide para que puedan instalar su copia original sin problemas. iniciamos como en un instalador normal, doble clic en el DVD de instalación, si usamos Windows 7 nos saldrá un mensaje si queremos solucionar problemas simplemente seleccionamos ejecutar aplicación. ·          se nos presenta una pantalla con varias opciones, la que nos interesa es la instalación, por lo que en el menú lateral escogemos “Instalación” y luego Instalar SQL Server ó agregar características en una instalación existente ·          ahora bien se nos presenta un modal popup en donde recibimos un mensaje de espera que nos indica que se están realizando las operaciones solicitas ·          Debemos instalar las reglas de soporte, en donde verifica si existen aplicaciones o compon...
Read more »

SQL SERVER - SQL Server Express - Una guía completa de referencia

Orrala Orobio Madeleyne Ashley 20:39
26 DE AGOSTO 2009 POR  PINAL DAVE SQL SERVER - SQL Server Express - Una guía completa de referencia SQL Server Express es uno de los productos más valiosos de Microsoft.  Muy a menudo, me enfrento a muchas preguntas con respecto a SQL Server Express.  Hoy, vamos a estar cubriendo algunas de las preguntas más frecuentes. Q: ¿Cuál es el costo de SQL Server Express?  A: SQL Server Express es una  GRATIS  producto de Microsoft. Q: ¿Dónde puedo encontrar más información acerca de SQL Server Express?  R: En Microsoft Sitio oficial:  http://www.microsoft.com/express/sql/default.aspx Q: ¿Por qué debo usar SQL Server Express cuando tenga la versión completa disponible  A: Por lo general, se instala sólo el producto de versión de licencia en mi sistema.  Cuando yo no tengo que utilizar todas las características de SQL Server, Puedo instalar SQL Server Express. Q: ¿Cuál es el tamaño máximo por base de datos para SQL Server...
Read more »

Beyond Compare

Orrala Orobio Madeleyne Ashley 20:39
Es una  comparación de archivos  de utilidad. Aparte de la comparación de archivos, el programa es capaz de hacer la comparación lado a lado de  los directorios  ,  FTP  , directorios y  archivos  .  [ 1 ]  Está disponible para Ventanas  y  Linux  los sistemas operativos  . La versión 4 está previsto para ser lanzado para  Mac OS  también.  [ 2 ] Link de Descarga:  http://sdrv.ms/1g4CPvK
Read more »

Microsoft Office 2007

Orrala Orobio Madeleyne Ashley 20:39
Microsoft Office 2007  es una versión de la  suite ofimática   Microsoft Office  de  Microsoft  y sucesora de  Microsoft Office 2003 . Originalmente conocido como  Office 12  durante su  ciclo beta , fue lanzado el  30 de noviembre  de  2006  al mercado empresarial y el 30 de enero de 2007 al público en general, coincidiendo con el lanzamiento oficial de  Windows Vista . Office 2007 incluye nuevas características, la más notable es la nueva  interfaz gráfica  llamada  Office Fluent , 2  también conocido como " interfaz de cinta " (en inglés  ribbon ), 3  que reemplaza al menú y a la barra de herramientas que fueron características desde su inicio. Office 2007 incluye nuevas  aplicaciones  y herramientas del  lado servidor , de las cuales una sobresaliente es  Groove , un sistema de colaboración y comunicación para pequeñas empresas que fue originalmente desarro...
Read more »

Notepad++

Orrala Orobio Madeleyne Ashley 20:39
Notepad++  es un  editor de texto  y de  código fuente   libre  con soporte para varios  lenguajes de programación . De soporte nativo a  Microsoft Windows . Se parece al  Bloc de notas  en cuanto al hecho de que puede editar texto sin formato y de forma simple. No obstante, incluye opciones más avanzadas que pueden ser útiles para usuarios avanzados como desarrolladores y programadores. Se distribuye bajo los términos de la  Licencia Pública General de GNU . Link:  https://skydrive.live.com/redir?resid=D463292325CC2DFF%21327
Read more »

Skype

Orrala Orobio Madeleyne Ashley 20:39
(pronunciado /ˈskaɪpɪ/) es un  software  que permite comunicaciones de texto, voz y vídeo sobre  Internet  ( VoIP ). Fue diseñado en 2003 por el danés  Janus Friis  y el sueco  Niklas Zennström  (también creadores de  Kaza ) y desarrollada en su solución técnica por los estonios  Priit Kasesalu , y  Ahti Heinla , ya que de hecho Skype nació en  Tallin ,  Estonia . 2  El código y protocolo de Skype permanecen cerrados y propietarios, pero los usuarios interesados pueden descargar gratuitamente la  aplicación  ejecutable del sitio web oficial. Los usuarios de Skype pueden hablar entre ellos gratuitamente. Desde 2013, la red de MSN Messenger se integró a Skype, un usuario MSN inicia sesion con las mismas credenciales que usaba en MSN para comunicarse con otro contacto MSN o Skype, pero solo en texto; para usar el audio y video tiene que vincular su cuenta hotmail/outlook con Skype, pero esto es completamente...
Read more »

Nero Burning ROM

Orrala Orobio Madeleyne Ashley 20:39
 es un popular programa para producir  CD  y  DVD , que funciona en  Microsoft Windows  y  GNU/Linux . La compañía responsable de su desarrollo es  Nero AG , anteriormente  Ahead Software . Nero Express viene gratuitamente con muchos  grabadores de discos ópticos . 1 El 4 de Marzo de 2013 se lanzó la más reciente versión estable, llamada 12.5.01200, mejor conocida como Nero 12. Esta versión está mejor sincronizada con dispositivos móviles y  tabletas  con sistema operativo  Android , y tiene capacidad para importar proyectos de  Windows Movie Maker , entre otras opciones más avanzadas de grabación. Aquí el link para que lo descargues! https://skydrive.live.com/redir?resid=D463292325CC2DFF%21330
Read more »