Sistema de Inicio de Sesión con Verificación de Correo Electrónico

Sistema de Inicio de Sesión con Verificación de Correo Electrónico

Este Sistema de Inicio de Sesión con Verificación de Correo Electrónico, permite a los usuarios sencillamente registrarse en la aplicación, actualizar su información, eliminar y visualizar los usuarios registrados.

Video Explicativo

Inicio de Sesión y Alta de Usuarios con Correo de Confirmación

El objetivo principal de este tramo de código es poder funcionar como módulos de sistemas más grandes, poderse conectar con otras aplicaciones de mis registros disponibles.

La estructura de esta aplicación es la misma del sistema de gestión de archivos, que a su vez se conecta con el portal de archivos pdf en la siguiente publicación, planeo hacer un sistema de tienda que integre tango el sistema gestor de archivos como el registro de usuarios con validación por correo electrónico, todo esto conectado con un carrito de compras.

Este sistema para el envío de correo utiliza una librería llamada PHPMailer que permite muy sencillamente gestionar el proceso de envío de correos desde una aplicación con tecnología PHP.

La integración con PHPMailer está implementada en el código de tal manera que solo necesitarás, cambiar el smtp server, el correo y la contraseña, te debería funcionar de manera expresa.

No es la primera vez que abordo el tema en mi blog, tengo versiones previas, incluso tengo una que funciona con gmail, aunque esto último no lo recomiendo, ya que Google pone varios bloqueos, para aplicaciones de localhost y en ambiente de desarrollo, a continuación relaciono las siguientes aplicaciones gratuitas, con tutoriales incluidos que te podrían servir:

Demo del Sistema de Inicio de Sesión con Verificación de Correo Electrónico

En el siguiente enlace puedes acceder para realizar las pruebas correspondientes:

https://demoscweb.com/registro-usuario/index.php

Medidas de Seguridad Aplicadas al Sistema de Inicio de Sesión con Verificación por Correo Electrónico

Se ha elevado la seguridad de las aplicación para evitar ataques informáticos y para que puedan ser utilizadas en un ambiente productivo sin mayores inconvenientes a continuación se muestran las mejoras aplicadas al sistema.

1. Validación y Sanitización de Entradas

Una de las primeras líneas de defensa contra los ataques es la validación y sanitización de las entradas del usuario. Esto previene ataques como la inyección SQL y los ataques XSS (Cross-Site Scripting).

  • Sanitización: Utilizamos funciones como filter_var para limpiar las entradas de datos, eliminando caracteres no deseados.
  • Validación: Aseguramos que los datos ingresados sean del tipo esperado, por ejemplo, validamos que los IDs sean enteros con filter_var y intval.

2. Consultas Preparadas

Las consultas preparadas son una práctica esencial para prevenir la inyección SQL. Este método separa la lógica SQL de los datos proporcionados por el usuario, asegurando que los datos no puedan alterar la estructura de las consultas SQL.

  • PDO (PHP Data Objects): Utilizamos PDO para manejar las consultas a la base de datos con consultas preparadas, lo que agrega una capa adicional de seguridad.

3. Protección Contra CSRF (Cross-Site Request Forgery)

Para prevenir los ataques CSRF, hemos implementado tokens CSRF en nuestros formularios. Estos tokens aseguran que las solicitudes hechas al servidor provengan de fuentes legítimas.

  • Generación de Tokens: Generamos tokens únicos utilizando bin2hex(random_bytes(32)) y los almacenamos en la sesión del usuario.
  • Validación de Tokens: Al procesar formularios, verificamos que el token enviado coincida con el token almacenado en la sesión.

4. Control de Acceso y Autorización

Aseguramos que solo los usuarios autorizados puedan acceder a ciertas funcionalidades de la aplicación.

  • Roles de Usuario: Implementamos roles de usuario (administrador y usuario) y verificamos estos roles antes de permitir acciones específicas.
  • Verificación de Sesión: Verificamos que el usuario esté autenticado antes de permitir el acceso a áreas protegidas de la aplicación.

5. Hashing Seguro de Contraseñas

Las contraseñas de los usuarios se almacenan de manera segura utilizando técnicas de hashing.

  • Password Hashing: Utilizamos password_hash de PHP con el algoritmo PASSWORD_BCRYPT para crear hashes seguros de las contraseñas.
  • Verificación de Contraseñas: Utilizamos password_verify para comparar las contraseñas ingresadas por los usuarios con los hashes almacenados.

6. Manejo Seguro de Sesiones

El manejo seguro de sesiones es crucial para mantener la autenticación y autorización del usuario.

  • Iniciar Sesiones: Utilizamos session_start() de manera controlada y verificamos el estado de la sesión antes de realizar acciones.
  • Destrucción de Sesiones: Destruimos sesiones de manera segura cuando un usuario no es encontrado o cuando se cierra sesión.

7. Redirecciones Seguras

Utilizamos redirecciones seguras para manejar situaciones donde los usuarios intentan acceder a recursos no autorizados o inexistentes.

  • Validación de URLs: Redirigimos a páginas seguras y verificadas, como login.php o list_users.php, para evitar accesos no autorizados.

Conoce mi Blog

Te invito que pases por mi blog y lo recorras ampliamente ya que cuento con más de 80 aplicaciones gratuitas y más de 70 aplicaciones de pago que puedes ver en los siguientes enlaces:

Mis aplicaciones gratuitas y Mis aplicaciones de pago

Compra de la Aplicación

Para que la aplicación te funcione tanto en un servidor local como en un hosting, requeriras el archivo SQL que contiene la base de datos, las tablas y la lógica que se requiere para el funcionamiento de la aplicación, este sistema tiene un costo de 15 USD y lo puedes comprar por medio del siguiente enlace:

Enlace de Pago

Pago Vía PayPal

Pago por Binance

También me puedes hacer el pago de los 15 USD por medio de Binance con USDT en el siguiente código QR:

Otros medios de pago

Si resides en Colombia me puedes hacer el pago por Nequi, por un enlace PSE de Uala o desde fuera por Western Union, cualquier duda me puedes escribir a mi Whatsapp.

Pago por Nequi

Enlace PSE UALA en pesos colombianos

Enlace PSE UALA Colombia

Aprovisionamiento del Sistema

Antes de cualquier cosa, si llegaste hasta acá excelente y si necesitas cualquier otra aplicación puede que la tenga en mi listado de más de 80 aplicaciones de libre descarga, en el siguiente enlace puedes verlas:

Mis aplicaciones gratuitas

En adición tengo aplicaciones más elaboradas que te podrían servir y que puedes conocer en el siguiente enlace:

Mis aplicaciones premium

Instalación de las aplicaciones necesarias para la puesta a punto del Sistema

Para la puesta a punto del Sistema debes instalar en principio los siguientes software:

XAMPP que te implementa todo lo necesario para un servidor web a nivel local y puedes descarcargar en el siguiente enlace:

https://www.apachefriends.org/es/download.html

Git que es un gestor de repositorios con el que haremos la descarga de la aplicación de mi perfil de GitHub, Git lo puedes descargar en el siguiente enlace:

https://git-scm.com/downloads

Visual Studio Code que es un editor de código sencillo, completo, dinámico, inmensamente popular y lleno de todo tipo de plugins que se pueden instalar según infinidad de necesidades que llegues a requerir, en el siguiente enlace puedes descargar la aplicación:

https://code.visualstudio.com/download

Descarga del Sistema

Yo te comparto la carpeta del sistema completo, tanto el software como la base de datos relacionada, cuando te haga el envío la podrás descargar y utilizar sin inconvenientes, si tienes XAMPP instalado y extraes los scripts dentro de la carpeta htdocs, solo te faltará importar la base de datos para que el sistema te funcione.

Descarga e instalación de las aplicaciones necesarias para el funcionamiento del sistema

Debes instalar las aplicaciones que había mencionado al principio XAMPP, Visual Studio Code y Git, te recomiendo que estas aplicaciones las instales con todos los parámetros por defecto, para que las opciones sean iguales a las descritas en el presente tutorial.

PASO 1 ABRE XAMPP

Lo primero que debes hacer es abrir XAMPP desde la tecla Windows y luego XAMPP, posterior a esto te aparecerá una consola como la de la siguiente captura:

PASO 2 ACTIVA LOS SERVICIOS DE APACHE Y MYSQL

Debes activar el servicio de Apache y MySQL, para poder corre archivos con las extensión php y trabajar con un gestor de base de datos como phpmyadmin. En la captura anterior se muestra la consola de XAMPP con los servicios ya activados.

PASO 3 ACCEDE A LA UBICACIÓN DE LOS ARCHIVOS

C:\xampp\htdocs

Dentro de la carpeta htdocs ingresa la carpeta de los archivos que te proporciono.

PASO 7 CONFIGURACIÓN DE LA BASE DE DATOS

Para la implementación de la base de datos en el gestor de phpmyadmin debes primero adquirirla, comprandola desde los medios de pago que están más adelante y luego contáctandome a mi Whatsapp para que te la provea.

Para la configuración debes acceder a la siguiente URL:

http://localhost/phpmyadmin/

Creas la base de datos con el nombre:

registro-usuario

Pulsas en la opción que dice importar, buscas el archivo SQL que te proveo, presionas continuar y de este modo ya estará la aplicación plenamente operativa para su uso.

PASO 4 CONSIDERACIONES IMPORTANTES

Debes editar los archivos a continuación:

El archivo con las credenciales de la base de datos se llama conn.php, se encuentra dentro de la carpeta conn.

Si vas a subir la aplicación a un hosting, debes poner el usuario de la base de datos, el nombre de la base de datos y su contraseña, ya que los parámetros que están definidos por defecto son los de XAMPP.

PASO 5 ACCEDE A LA URL DE LA APLICACIÓN

Ya para este punto la aplicación estará lista para su uso en la siguiente URL:

http://localhost/registro-usuario/index.php

Deja una respuesta

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

×
¿Qué te interesa?
Selecciona los temas de interés sobre
los que deseas recibir noticias: