Hacer un login fácil en PHP y MySQL – Conexión con PDO

Php

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.

Hacer un login fácil en PHP y MySQL

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:

Hacer un login fácil en PHP y MySQL

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:

http://localhost/Proyectologin

Ahora podrás ver la siguiente página donde se listan tus archivos.

Login en php y mysql

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

Conexión en PHP con PDO MySQL

Cómo podemos observar debemos configurar las variables de conexión, dependiendo los parámetros del servidor MySQL.

6. Código archivo Login.php

Código de login en php con MySQL super fácil

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á:

http://localhost/Proyectologin/Login.php

Podrás observar el diseño de la página:

Hacer un login fácil en PHP y MySQL

Antes de comprobar el funcionamiento terminaremos de construir la codificación de las demás páginas.

7. Código de Salir.php.

Cerrar sesión en php session_destroy

Básicamente al llamar este archivo destruimos la sesión iniciada y redireccionamos al Login.php.

 8. Código de Pagina_segura.php

Menú principal Login en 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:

Usuario o contraseña inválida php

Accediendo de forma correcta a la cuenta de administrador

Menú principal login en php y mysql

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.

 

 

¡Suscríbete a mi canal, para acceder a más contenidos gratuitos!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *