Blog

Formulario de inicio de sesión con PHP & MySQL

formulario-inicio-sesion-php

Formulario de Inicio de sesión 

Las variables de sesión se utilizan para almacenar información individual de los clientes en el servidor web para su uso posterior, como un servidor web, que no sabe de la petición del cliente para ser responder porque la dirección HTTP no mantiene estado.

En este tutorial vamos a crear sesiones en PHP a través de formulario de inicio de sesión el cual envía una petición al servidor y este responde de acuerdo de acuerdo a cada petición enviada por cada usuario. Si bien en un tutorial anterior vimos el Inicio de Sesión seguro y Registro de Usuarios usando PHP, MySQLi, jQuery y Bootstrap;  considero que este tutorial es mucho mas sencillo de entender para usuarios principiantes o intermedios en PHP.

En nuestro ejemplo, tenemos un formulario de acceso en donde el usuario rellena los campos necesarios y cuando pulsa sobre el botón de inicio de sesión, una sesión se creará en el servidor a la que se le asigna un ID de usuario de la información y la almacena único para su uso posterior.

El códigos HTML, CSS, SQL y PHP completos se presentan paso a paso a continuación:

Archivo login.sql, contiene la tabla llamada login la cual almacena los usuarios del sistema.

Para la conexión a la base de datos hemos creados 2 archivos, el primero almacena los datos de conexión al servidor, y el segundo realiza la conexion a la base de datos usando los datos del archivo 1.  Procedamos a crear una carpeta llamada config y dentro de ella crear el archivo db.php

Para que la conexion a nuestra base de datos funcione es necesario cambiar las credenciales de acceso a la base de datos a nuestro servidor, segun corresponda, en el archivo anteriormente creado.

Ahora siempre de la carpeta config creamos el archivo conexion.php

Una vez hemos creado la base de datos y los archivos que permitirán hacer la conexión a la base de datos, vamos a crear una carpeta llamada css y dentro de ella un archivo style.css, para la creación de dicho archivo que contiene el estilo que embellece nuestro formulario de inicio de sesión me he apoyado en una plantilla que descargue desde w3layouts.com

Ahora vamos a crear el archivo index.php

Archivo login.php.  Consta de la escritura y conexión en la que está inicializando sesión de PHP.

Archivo profile.php, es la página en donde el usuario es redirigido luego del inicio de sesión correcto.

Archivo session.php, esta página, obtiene la información del usuario conectado.

Archivo logout.php, este archivo se encarga de destruir todas las sesiones y redirigir a la página principal.

Conclusión:

Sólo es una solución de autenticación de usuario muy sencilla, pero sin embargo considero que podría ser de mucha utilidad a la hora de querer implementarlo en algún proyecto web. Espero que te guste….

  • Damian Alejandro

    muchas gracias por compartir el proyecto.

    • Obed

      Gracias a ti por leernos 😀

  • Letici

    ¿Cuál es el usuario de acceso? ¿La contraseña está encriptada?
    He seguido los pasos, pero siempre me dice “El correo electrónico o la contraseña es inválida.”.
    Gracias.

    • Obed

      El usuario es: admin@admin.com
      La contraseña es: admin

      • Leticia

        Muchas gracias, muy buen tutorial.

  • abraham guillen

    hola ya instale todo bien y cuando me logueo con el usuario admin@admin.com y clave admin me dice error contraseña o correo invalido

Sobre Mi

Obed Alvarado

Obed Alvarado
Desarrollador Web
Fundador de: Sistemas Web
Escríbeme a: info@obedalvarado.pw

Scripts exclusivos

Si necesitas ayuda en algún proyecto web, no dudes en ponerte en contacto con migo al correo electrónico: info@obedalvarado.pw
Cuento con Fragmentos de código para:
  • Sistema de Login
  • Sistema de Inventario y Facturación
  • Sistema Web de Cotizaciones en linea
  • Integraciones con Paypal
  • Integraciones con Stripe
  • Facebook Login y más

Conectar