php

Ejemplo simple de login con PHP

En este post explicaré las bases para trabajar con un login y sesiones en PHP. Será un ejemplo muy básico para principiantes, lo que haremos será:

  • Crear un formulario de login
  • Verificar si el usuario y la contraseña coinciden
  • Si coinciden, se inicia sesión y se redirige a otra página
  • Si no coinciden, se indica con un mensaje
  • Poner un enlace para cerrar sesión
Ejemplo simple de login y sesiones con PHP

En resumen, será un tutorial para iniciar y cerrar sesión en PHP, además de proteger páginas; todo esto perfectamente comentado y explicado para los principiantes.

¿Qué son las sesiones?

Específicamente hablando de PHP (y dejando las definiciones formales), las sesiones nos permiten persistir los datos a través de distintas páginas; incluso si las mismas se refrescan o tienen otro nombre.

Por ejemplo, puede que iniciemos sesión en login.php y dejemos un valor en $_SESSION para recuperarlo más tarde en secreta.php (una página secreta)

PHP nos pone todo fácil a través de session_start, $_SESSION y session_destroy.

Claro que internamente PHP almacena las sesiones en archivos de texto, verifica las cookies para saber si hay determinado usuario en el sistema y también manda los encabezados HTTP con una cookie llamada PHPSESSID pero esa es otra historia larga y complicada.

Lo que haremos al final

Al final podremos tener un formulario simple en donde el usuario escribe su usuario y contraseña; el sistema verifica si son correctos y en caso de que sí, lo redirecciona a una página secreta o protegida.

Por cierto, será un ejemplo básico y no vamos a meternos con estilos o esas cosas que solamente confunden al lector; ya lo dije, será un ejemplo básico, sencillo y funcional de cómo iniciar sesión con PHP.

Repositorio en GitHub y probar ejemplo en línea

El código es open source como la mayoría de veces, aquí está el repositorio. Te invito a seguirme en GitHub para que estés al tanto de mis actualizaciones de programas y software que hago.

Si en el futuro hago cambios, los haré en el repositorio para llevar un correcto control de versiones.

Puedes probar el ejemplo justo aquí, las credenciales son parzibyte y hunter2.

Hablar es de mal gusto, muéstrame el código

Bueno, creo que ya hablamos lo suficiente. Es hora de comenzar a ver cómo iniciar sesión, guardar datos en la sesión y restringir páginas.

El formulario para login

Para que el usuario escriba sus credenciales debemos proporcionar una interfaz, en este caso es el formulario HTML y se ve así:

See the gist on github.

Lo que importa aquí es el name de los input, pues los vamos a recibir así en PHP. El action importa, pues es a donde se enviarán los datos del formulario y en este caso es a login.php.

El método o method también es importante, puede ser post o get, pero cuando estemos tratando con datos como contraseñas y usuarios (algo confidencial) debemos usar post; de esta forma los datos viajan en el cuerpo de la petición, no en la URL.

El botón que está al final del formulario se encarga de enviar el formulario. Espero que los comentarios sean suficientes.

Procesar login

Los datos se van a enviar al archivo login.php, ahí los vamos a recibir en $_POST (bueno, de hecho PHP se encarga de leer la petición HTTP y poner todo dentro del arreglo).

Comparamos el usuario y la contraseña y en caso de que coincidan, iniciamos sesión son session_start(), más tarde se le ponen datos a $_SESSION (este es el paso más importante) y redireccionamos a la página secreta.

See the gist on github.

Para redireccionar mandamos un encabezado que dice Location: secreta.php

Lo dije hace un momento y lo digo de nuevo: la parte crucial es iniciar sesión y establecer un valor en $_SESSION para que luego se pueda leer desde otros lugares.

Por cierto, no estamos obligados a guardar únicamente un valor, podemos guardar muchos, y también guardar valores complejos.

La página secreta a la que solamente los usuarios que iniciaron sesión pueden acceder

Bueno ahora veamos la página secreta o protegida. En esta página verificamos si hay algo en $_SESSION en la posición usuario, en caso de que no, salimos directamente del script.

Es importante notar que, en cualquier lugar, para poder usar a $_SESSION, primero debemos llamar a session_start. La página protegida está así:

See the gist on github.

De esa manera solamente los usuarios autenticados pueden ver lo que haya en ella. Esto lo podemos replicar en otros lugares dependiendo de la aplicación que estemos creando.

Finalmente la página para cerrar sesión

Para cerrar sesión en PHP primero se debe llamar a session_start() y luego a session_destroy(), lo que destruirá lo que hay en $_SESSION.

Aquí el script:

See the gist on github.

Así es como terminamos este tutorial.

Descargas

Visita el repositorio, clónalo o descárgalo como zip, luego instala PHP (también puedes hacerlo en Android) y prueba el código.

Conclusión y siguientes pasos

Bueno, cabe aclarar que nunca debes usar este ejemplo en la vida real; tiene muchos agujeros de seguridad y no hace validaciones. Una vez que lo hayas entendido puedes ver otros tutoriales; pronto traeré la segunda parte en donde registramos usuarios y comprobamos credenciales con bases de datos.

Recientemente he creado un ejemplo avanzado en donde además del login con MySQL se agrega un límite de intentos.

Mientras tanto, te invito a ver otros relacionados como:

  1. PHP y MySQL, creación de CRUD
  2. PHP y SQLite
  3. Hashear contraseñas
  4. Ataques de temporización en PHP
  5. Sistema web de cotizaciones con PHP, totalmente open source (totalmente recomendado, pues ahí se usan sesiones en un grado más avanzado)
  6. Pequeño sistema de ventas con PHP
  7. Más tutoriales de PHP

Eso es todo.

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

No te pierdas ninguno de mis posts

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

JavaScript (lado del cliente): leer pixeles de imagen

En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…

5 días hace

PHP y JavaScript: llenar select con AJAX

Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…

5 días hace

Imprimir PDF generado con HTML

Hoy vamos a ver programar la impresión de un PDF generado a partir de HTML…

7 días hace

JavaScript: llenar select con arreglo

En este tutorial básico de JavaScript con HTML vamos a ver cómo llenar una lista…

2 semanas hace

Imprimir PDF a partir de URL

En este artículo se presenta una guía para imprimir un PDF a partir de una…

2 semanas hace

Imprimir PDF a partir de base64

En este post voy a enseñarte cómo imprimir un PDF a partir de su representación…

2 semanas hace

Esta web usa cookies.