Una de las primeras interacciones que un usuario debe realizar con un sistema, normalmente es acceder con sus credenciales, en este artículo veremos cómo hacer un login fácil en Php y Mysql mediante una conexión con PDO, verás lo rápido que será iniciar tu proyecto Web con un Login.
Hacer un login fácil en PHP y MySQL – Conexión con PDO
Herramientas utilizadas en este tutorial:
- Servidor Apache funcionando (Instalado con XAMPP).
- SublimeText 2.
- Servidor MySQL funcionando (Instalado con XAMPP).
- Ganas de aprender.
Te invito a ver el siguiente vídeo en el cual podrás realizar todas las acciones vistas en este artículo paso a paso.
Veamos a continuación paso a paso la creación de nuestro login en Php con MySQL.
1. Creando la base de datos y la tabla usuarios.
Para este punto debes conectarte a tu servidor MySQL y crear la base de datos que utilizaremos, así mismo la tabla para registrar a los usuarios.
En la imagen anterior se detallan en amarillo los códigos SQL necesarios para crear la base de datos desde la consola. Sin embargo si cuentas con un cliente de MySQL, puedes conectarte rápidamente y hacerlo en modo gráfico.
2. Creando la carpeta del proyecto
En vista que estamos utilizando XAMPP, debemos crear una carpeta en la ruta:
C:\xampp\htdocs
Esta es la ruta pública sobre la cuales podemos crear nuestros proyectos, la carpeta que crearemos será: «Proyectologin«.
3. Creando los archivos necesarios para el login
Ahora crearemos dentro de la carpeta Proyectologin, los siguientes archivos:
4. Probando la ruta del proyecto en el navegador
Este sencillo paso lo haremos para comprobar que en el navegador aparecerán los archivos ubicados en la carpeta, para ello accede a la siguiente URL:
Ahora podrás ver la siguiente página donde se listan tus archivos.
Nos aparecen los archivos de esta forma porque en la carpeta no contamos con un archivo index.php.
Para este ejemplo está bien, pero recuerda que tus proyectos deben contar con una página de inicio tipo index.
Empecemos con la codificación:
5. Código del archivo conexión.php
Cómo podemos observar debemos configurar las variables de conexión, dependiendo los parámetros del servidor MySQL.
6. Código archivo Login.php
El HTML utilizado para el formulario es muy sencillo, lo importante acá es el código PHP, encargado de ejecutar una consulta SQL en la base de datos para comprobar si los datos almacenados en el formulario corresponden a los de algún usuario registrado.
En caso que la consulta retorne algún registro, re direccionaremos al usuario a: «Pagina_segura.php«, por lo tanto esta página estará disponible solo para un usuario con sesión iniciada.
Si accedes a tu archivo login.php desde acá:
Podrás observar el diseño de la página:
Antes de comprobar el funcionamiento terminaremos de construir la codificación de las demás páginas.
7. Código de Salir.php.
Básicamente al llamar este archivo destruimos la sesión iniciada y redireccionamos al Login.php.
8. Código de Pagina_segura.php
En el código anterior se define una lista de enlaces que son solo de ejemplo, el único enlace relevante es Cerrar sesión; encargado de llamar el archivo salir.php que destruye la sesión actual.
Importante del código anterior también, es el condicional que valida la sesión:
if(isset($_SESSION[«usuario»])){….
Este condicional verifica la existencia de la variable de sesión, por lo tanto si deseas añadir más paginas seguras a tu proyecto deberás incluir este condicional.
También vemos como al final re direccionamos al Login, cuando no existe una sesión válida.
}else{
header(«location:Login.php»);
}
9. Probando nuestro login.
Intentando ingresar con datos erróneos a la cuenta de administrador:
Accediendo de forma correcta a la cuenta de administrador
Finalmente podemos construir un lógin básico en PHP y MySQL utilizando PDO para realizar conexiones y consultas; es importante recordar que hemos almacenado una clave sin cifrar en la base de datos. Se recomienda añadir al login la función de cifrar la clave para ser almacenada y de esta manera garantizar mayor seguridad.
Actualización: Si tienes inconvenientes para desarrollar tu login, puedes seguir los pasos del siguiente vídeo.