Categoría: Desarrollo

Tienda de Productos Digitales con Integración de PayPal

por ConfiguroWebDesarrolloDeja un comentario en Tienda de Productos Digitales con Integración de PayPal

Esta aplicación de Tienda de Productos Digitales con Integración de PayPal, le permite a los usuarios adquirir los productos de manera ágil, sencilla y totalmente automatizada.

El usuario accede a la página de libre acceso y para obtener cualquier producto, primero debe registrarse y después autenticarse. Luego podrá realizar la compra vía PayPal y el sistema le enviará un enlace de descarga directo al correo de registro del cliente.

Video Explicativo

Tienda de Productos Digitales con Integración de PayPal

Integración de Aplicaciones para la Tienda de Productos Digitales con Integración de PayPal

Este sistema de Tienda de Productos Digitales desarrollado en PHP y MySQL, es el resultado de un proyecto de mejora continua que llevo realizando hace 5 o 6 publicaciones.

Cada aplicación funciona independientemente en su rubro específico, solo que esta última, las ha integrado y absorbido para ofrecer una versión más completa y útil para los interesados.

El sistema integra un Gestor de Contenidos desde donde se pueden subir y descargar diferentes archivos, catalogar los archivos que deseas convertir en productos, para luego publicarlos en la tienda.

La landing page donde están publicados los productos, esta basada en una aplicación previa llamada Portal de Archivos PDF en PHP y MySQL

En adición en el Sistema de Tienda de Productos Digitales con Integración de PayPal tiene incluida una aplicación previa de Inicio de Sesión con Verificación de Correo Electrónico y por último un Sistema de Descarga de Productos con Registro de Usuarios

Esta aplicación tiene un gestor de usuarios internos admisnistrativos y uno externo para los clientes que se registran y autentican en la página.

Casos de Uso del Sistema de Tienda de Productos Digitales

Esta aplicación le puede servir a todo tipo de emprendedores que deseen vender sus productos digitales sin intermediarios, más allá de PayPal.

Este software también le podría servir a desarrolladores que necesiten implementar la lógica de negocio de una tienda ya integrada con PayPal a sus propios proyectos.

Este sistema también le podría servir a estudiantes que necesiten conectar la lógica de negocio de una tienda ya implementada y funcional a sus proyectos

Aplicaciones de Tienda Disponibles

En este blog ya he publicado varias aplicaciones de tienda y carrito de compras que podrás ver y descargar a continuación:

Tienda Whatsapp con Inteligencia Artificial

Tienda Whatsapp Responsiva

Sistema de tienda en línea con correo de confirmación

Sistema de Tienda en Línea con Servicios de Taller en PHP y MySQL

Tienda en Línea con Integración de Pagos PayPal y Control de Stocks

Sistema de Tienda Whatsapp [gratis]

Sistema Punto de Venta en PHP y MySQL

Demo del Sistema de Sistema de Tienda de Productos Digitales en PHP y MySQL

En el siguiente enlace puedes acceder a landing page del portal de descarga para realizar las pruebas correspondientes:

https://demoscweb.com/tienda-paypal/index.php

El ambiente administrativo los puedes encontrar en el enlace a continuación:

https://demoscweb.com/tienda-paypal/admin/login.php

Las credenciales de acceso administrativo son usuario: configuroweb y la contraseña 1234abcd..

Medidas de Seguridad Aplicadas al Tienda de Productos Digitales con Integración de PayPal

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.

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 login y se puedan gestionar los boletos, este sistema tiene un costo de 20 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 20 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

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

Video Explicativo a nivel general para instalación de aplicaciones PHP

En el video a continuación se muestra el proceso a nivel general:

Instalar aplicaciones PHP en un servidor local

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:

tienda-gestion

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 a editar se encuenra dentro de la carpeta admin/conn y se llama conn.php

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/tienda-gestion/

Parametrizaciones Necesarias Para la Integración con PayPal

El sistema de Tienda de Productos Digitales con Integración de PayPal para que funcione con tu usuario de PayPal, es necesario cambiar unos parámetros en específico.

Cambios en el index.php de la raíz del proyecto

En el archivo index.php que se encuentra en la raíz en la línea 63 tengo mi client-id, este client-id es del ambiente de pruebas de PayPal, esto significa que no se pueden realizar comprar reales en la tienda por el momento, en tu caso, deberas reemplazar mi client-id por el tuyo, ya no en pruebas sino el productivo.

Para más información a profundidad del tema puedes ingresar en el siguiente enlace:

https://developer.paypal.com/api/rest

Cambios en el archivo payment_success.php

El enlace de descarga de la aplicación se encuentra en el archivo payment_success.php en la línea 88, puedes cambiar http://localhost/tienda-gestion/admin/file-uploads/ por la URL raíz de tu proyecto,

Por ejemplo, tu dominio.com, con servidor seguro sería https://tudominio.com/tienda-gestion/admin/file-uploads/ en este caso se pone tienda-gestion, suponiendo que en tu hosting no pusiste el proyecto en la raiz sino en una carpeta llamada tienda-gestion.

En mi demo yo la puse en una carpeta llamada tienda-paypal, de ese modo mi URL quedó https://tudominio.com/tienda-paypal/admin/file-uploads/

Debes cambiar los parámetros del correo desde donde vas a enviar los correos de la línea 72 a la 80, te recomiendo que uses la configuración smtp, que utilices un correo de dominio propio, no uno público gratuito como gmail o hotmail, será mucho más sencillo realizar la configuración, en ese archivo debes poner el correo y contraseña y el puerto que corresponde.

Cambios en el archivo download.php de la raíz del proyecto

Debes cambiar los parámetros del correo desde donde vas a enviar los correos de la línea 50 a la 60, te recomiendo que uses la configuración smtp, que utilices un correo de dominio propio, no uno público gratuito como gmail o hotmail, será mucho más sencillo realizar la configuración, en ese archivo debes poner el correo y contraseña y el puerto que corresponde.

Cambios en el archivo admin/add-user.php y admin/register.php

La aplicación para realizar la compra, le pide registro al usuario, esta configuración la realiza la aplicación previa el Sistema de Inicio de Sesión con Verificación de Correo Electrónico es poner los mismos parámetros del correo que vas a usar en las líneas 50 a la 60 de add-user.php y 38 a la 46 en el archivo register.php.

Te recomiendo veas el video relacionado en cuanto sea liberado, ya que ahí seré más exhaustivo en el paso a paso para llevar a cabo el aprovisionamiento de la aplicación, cualquier duda estaré al pendiente.

Etiquetado: / /

Guía Completa: Inicio de Sesión con Google y Firebase

por ConfiguroWebDesarrolloDeja un comentario en Guía Completa: Inicio de Sesión con Google y Firebase

El inicio de sesión con Google es una de las funcionalidades más populares en aplicaciones web modernas. Permite a los usuarios autenticarse rápidamente utilizando sus cuentas de Google, lo que mejora la experiencia del usuario y reduce las barreras de entrada. En este post, te mostraremos cómo implementar esta funcionalidad utilizando Firebase, una plataforma poderosa que simplifica el desarrollo de aplicaciones. Con este tutorial, aprenderás a integrar el inicio de sesión con Google en tu aplicación web paso a paso.

Antes de entrar más en detalle te invito a que te des una ronda por mi blog, cuento con más de 150 aplicaciones disponibles que te podrían servir.

¿Qué es Firebase?

Firebase es una plataforma de desarrollo de aplicaciones web y móviles creada por Google. Ofrece una amplia gama de herramientas y servicios, desde bases de datos en tiempo real hasta autenticación y hosting. Con Firebase, los desarrolladores pueden centrarse en crear funcionalidades sin preocuparse por la infraestructura subyacente.

Paso 1: Configuración Inicial del Inicio de Sesión con Google y Firebase

Antes de comenzar, asegúrate de tener una cuenta de Google y acceso a la consola de Firebase. Sigue estos pasos para configurar tu proyecto de Firebase:

  1. Crear un Proyecto de Firebase:
    • Ve a la Consola de Firebase.
    • Haz clic en “Añadir proyecto” y sigue las instrucciones para crear un nuevo proyecto.
  2. Agregar una Aplicación Web:
    • En la consola de Firebase, selecciona tu proyecto y haz clic en el icono de “web” para agregar una aplicación web.
    • Sigue las instrucciones para registrar tu aplicación. Firebase te proporcionará una configuración que necesitarás más adelante.

Paso 2: Configuración del Proyecto

Para este ejemplo, crearemos tres archivos principales: index.html, style.css y script.js.

index.html

Este archivo contiene la estructura básica de la página web.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inicio de Sesión con Google y Firebase</title>
    <!-- Firebase App (el núcleo de Firebase SDK) -->
    <script src="https://www.gstatic.com/firebasejs/9.12.1/firebase-app-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.12.1/firebase-auth-compat.js"></script>
    <!-- Estilos CSS -->
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="main">
        <div class="container">
            <h1>Inicio de Sesión con Google y Firebase</h1>
            <button class="button" id="login">
                <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 262">
                    <path fill="#4285F4" d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"></path>
                    <path fill="#34A853" d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"></path>
                    <path fill="#FBBC05" d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"></path>
                    <path fill="#EB4335" d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"></path>
                </svg>
                Continuar con Google
            </button>
            <div id="user-details" style="display:none;">
                <p id="user-name"></p>
                <img id="user-pic" src="" alt="Foto del usuario">
            </div>
            <button id="logout" style="display:none;">Cerrar Sesión</button>
        </div>
    </div>
    <!-- Script JS -->
    <script src="./script.js"></script>
</body>
</html>
style.css

Este archivo contiene los estilos para la página web.

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

body {
    background: linear-gradient(120deg, #a1c4fd, #c2e9fb);
    background-size: 400% 400%;
    animation: gradientAnimation 14s ease infinite;
}

@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.3) 0 5px 15px;
    border-radius: 10px;
    max-width: 90%;
    text-align: center;
    animation: bounceAnimation 3s infinite;
}

@keyframes bounceAnimation {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(10px); }
    60% { transform: translateY(5px); }
}

h1 {
    font-size: 2rem;
    color: #333;
    margin-bottom: 20px;
}

button {
    margin-top: 20px;
    max-width: 320px;
    display: flex;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    align-items: center;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.25);
    gap: 0.75rem;
    color: rgb(65, 63, 63);
    background-color: #fff;
    cursor: pointer;
    transition: all 0.6s ease;
}

.button svg {
    height: 24px;
}

button:hover {
    transform: scale(1.05);
}

#user-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

#user-details img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #ddd;
    margin-top: 10px;
}

#user-name {
    font-size: 1.25rem;
    margin: 10px 0;
}
script.js

Este archivo contiene la lógica de autenticación con Firebase. Nota: Las claves y la información sensible han sido ocultadas.

// Firebase configuration
const firebaseConfig = {
    apiKey: "YOUR_API_KEY",
    authDomain: "YOUR_AUTH_DOMAIN",
    projectId: "YOUR_PROJECT_ID",
    storageBucket: "YOUR_STORAGE_BUCKET",
    messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
    appId: "YOUR_APP_ID",
    measurementId: "YOUR_MEASUREMENT_ID"
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

// Initialize Firebase Authentication
const auth = firebase.auth();

// HTML Elements
const loginButton = document.getElementById('login');
const logoutButton = document.getElementById('logout');
const userDetails = document.getElementById('user-details');
const userName = document.getElementById('user-name');
const userPic = document.getElementById('user-pic');

// Login Event
loginButton.addEventListener('click', () => {
    const provider = new firebase.auth.GoogleAuthProvider();
    auth.signInWithPopup(provider)
        .then(result => {
            const user = result.user;
            displayUser(user);
        })
        .catch(error => {
            console.error("Error during sign in: ", error);
        });
});

// Logout Event
logoutButton.addEventListener('click', () => {
    auth.signOut()
        .then(() => {
            hideUser();
        })
        .catch(error => {
            console.error("Error during sign out: ", error);
        });
});

// Display User Info
const displayUser = (user) => {
    userName.textContent = `Hola, ${user.displayName}`;
    userPic.src = user.photoURL;
    userDetails.style.display = '';
    loginButton.style.display = 'none';
    logoutButton.style.display = '';
};

// Hide User Info
const hideUser = () => {
    userDetails.style.display = 'none';
    loginButton.style.display = '';
    logoutButton.style.display = 'none';
};

// Firebase Auth State Change Listener
auth.onAuthStateChanged(user => {
    if (user) {
        displayUser(user);
    } else {
        hideUser();
    }
});

Repositorio del Sistema de Inicio de Sesión con Google en Firebase

En este post, te mostraremos cómo implementar esta funcionalidad utilizando Firebase, una plataforma poderosa que simplifica el desarrollo de aplicaciones.
https://github.com/configuroweb/login-firebase
0 forks.
0 stars.
0 open issues.

Recent commits:

Sistema de Inicio de Sesión con Google y Firebase

Explicación del Código

  • index.html: Este archivo define la estructura básica de la página web y carga los archivos CSS y JavaScript necesarios.
  • style.css: Este archivo contiene los estilos que hacen que la página se vea moderna y responsiva. Incluye animaciones para el fondo y la caja de login.
  • script.js: Este archivo maneja la lógica de autenticación con Firebase. Inicializa Firebase, configura el proveedor de autenticación de Google y define las funciones para manejar el inicio y cierre de sesión.

Beneficios de Utilizar Firebase para la Autenticación

  1. Seguridad: Firebase Authentication proporciona métodos seguros y robustos para autenticar a los usuarios, protegiendo así tu aplicación contra accesos no autorizados.
  2. Facilidad de Implementación: Con Firebase, puedes implementar el inicio de sesión con Google de manera rápida y eficiente, sin necesidad de manejar servidores o complejos flujos de autenticación.
  3. Experiencia del Usuario: El inicio de sesión con Google permite a los usuarios autenticarse utilizando una cuenta que ya conocen y en la que confían, lo que mejora la experiencia del usuario y aumenta la tasa de conversión.

Conclusión

Integrar el Inicio de Sesión con Google y Firebase es una excelente manera de mejorar la experiencia de usuario en tu aplicación web. Con esta guía, has aprendido a configurar Firebase, implementar la autenticación y crear una interfaz de usuario moderna y responsiva. Asegúrate de proteger tus claves y configuraciones sensibles y considera utilizar Firebase para otros servicios que puedan beneficiar tu aplicación. ¡Buena suerte con tu desarrollo!

Etiquetado: / /

Sistema de Descarga de Productos con Registro de Usuarios

por ConfiguroWebDesarrollo

Este Sistema de Descarga de Productos con Registro de Usuarios, le permite al usuario final, posterior a un registro con validación por correo electrónico y logueo en el sistema, descargar los productos publicados en una landing page de libre acceso.

Video Explicativo

Sistema de Descarga de Productos con Registro de Usuarios

Integración de Aplicaciones para el Sistema de Descarga de Productos con Registro de Usuarios

Para el desarrollo del Sistema de Descarga de Productos con Registro de Usuarios se integró la lógica del gestor de archivos, con la lógica del portal pdf unido a la lógica del Sistema de Inicio de Sesión con Verificación de Correo Electrónico

Con el gestor de archivos, se sube y se publica la información que va estar disponible en la página de acceso libre, esta página de libre acceso se conectó con el gestor de archivos para la aplicación del portal pdf, pero los usuarios no podrán descargar ninguna información sino se registran autenticándose con correo de verificación, este último proceso se realiza con el sistema de inicio de sesión.

Casos de Uso del Sistema de Descarga con Registro de Usuarios

Una aplicación como está podría ser muy útil para adquirir correos de usuarios interesados orgánicamente en tus productos, para luego ofrecerles promociones o crear una news letters, un sistema de envío de correos por suscripción.

Se podría también crear una versión con autenticación vía Whatsapp, Telegram o Mensaje de Texto, pero antes continuaré con lo que llevo creado a una aplicación de tienda, con carrito de compras, tal vez en el futuro haga una integración con PayPal.

Aplicaciones de Tienda Disponibles

En este blog ya he publicado varias aplicaciones de tienda y carrito de compras que podrás ver y descargar a continuación:

Tienda Whatsapp con Inteligencia Artificial

Tienda Whatsapp Responsiva

Sistema de tienda en línea con correo de confirmación

Sistema de Tienda en Línea con Servicios de Taller en PHP y MySQL

Tienda en Línea con Integración de Pagos PayPal y Control de Stocks

Sistema de Tienda Whatsapp [gratis]

Sistema Punto de Venta en PHP y MySQL

Demo del Sistema de Descarga de Productos con Registro de Usuarios

En el siguiente enlace puedes acceder a landing page del portal de descarga para realizar las pruebas correspondientes:

https://demoscweb.com/portal-descarga/index.php

El ambiente administrativo los puedes encontrar en el enlace a continuación:

https://demoscweb.com/portal-descarga/admin/login.php

Las credenciales de acceso administrativo son usuario: configuroweb y la contraseña 1234abcd..

Medidas de Seguridad Aplicadas al Sistema de Descarga de Productos en PHP y MySQL

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 login y se puedan gestionar los procesos de la aplicación, este sistema tiene un costo de 15 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 15 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

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

Video Explicativo a nivel general para instalación de aplicaciones PHP

En el video a continuación se muestra el proceso a nivel general:

Instalar aplicaciones PHP en un servidor local

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:

portal-descarga

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/portal-descarga/index.php
Etiquetado: / /

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

por ConfiguroWebDesarrolloDeja un comentario en 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:

Como enviar correos gmail desde PHP con la función mail() en localhost con XAMPP

Como enviar correos desde PHP desde un hosting

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 login y se puedan gestionar los procesos de la aplicación, este sistema tiene un costo de 15 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 15 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

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

Video Explicativo a nivel general para instalación de aplicaciones PHP

En el video a continuación se muestra el proceso a nivel general:

Instalar aplicaciones PHP en un servidor local

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
Etiquetado: / /

Portal de Archivos PDF en PHP y MySQL

por ConfiguroWebDesarrollo

Este sistema Portal de Archivos PDF en PHP y MySQL le permite a los usuarios de perfil usuario y administrador, subir archivos PDF para que estos se puedan publicar en una página de libre acceso.

La página de libre acceso donde son publicados los documentos PDF, cuenta con un buscador, donde poniendo palabras clave, como el usuario que subió el documento, o el nombre del archivo, el sistema mostrará todos los archivos que estén relacionados con el criterio de búsqueda.

Video Explicativo

Portal de Archivos PDF

Esta aplicación en su core, principalmente tiene como base un sistema gestor de archivos que se desarrolló y publicó previamente, en este blog y que puedes ver con más detalle a contiuación:

Aplicación de Gestión de Archivos en PHP y MySQL
Aplicación de Gestión de Archivos en PHP y MySQL

El sistema Portal de Archivos PDF en PHP y MySQL cuenta con un gestor de usuarios heredado del sistema anterior el gestor de archivos, donde hay un usuarios de perfil administrativo y de perfil usuario.

En el apartado administrativo de la aplicación es posible subir cualquier tipo de documento, solo que los documentos PDF tendrán un botón adicional llamado prepublicar, donde los usuarios de perfil usuario podrán promocionar estos documentos para que los usuarios con perfil administrativo los puedan publicar posterior a una revisión.

Los usuarios de perfil administrativo tienen la facultad de ver todos los documentos subidos a la aplicación y publicarlos o eliminarlos a voluntad, mientras que los usuario con perfil usuario solo pueden ver los documentos subidos por ellos mismos y promocionarlos con el botón prepublicar o eliminarlos también.

Demo del Sistema

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

https://demoscweb.com/libros-linea/admin/login.php

las credenciales del acceso administrativo por defecto son:

Usuario configuroweb

Contraseña 1234abcd..

Ten en cuenta el punto punto del final, se debe poner el ..

En el siguiente enlace puedes ver la landing page donde se publican los archivos PDF

https://demoscweb.com/libros-linea/index.php

Medidas de Seguridad Aplicadas Portal de Archivos PDF en PHP y MySQL

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 login y se puedan gestionar los procesos de la aplicación, este sistema tiene un costo de 15 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 15 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

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

Video Explicativo a nivel general para instalación de aplicaciones PHP

En el video a continuación se muestra el proceso a nivel general:

Instalar aplicaciones PHP en un servidor local

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:

libros-linea

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 a modificar se encuentra dentro de la carpeta conn y se llama conn.php

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/libros-linea/admin/login.php
Etiquetado: / /

Sistema de Gestión de Prestamos en PHP y MySQL

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Gestión de Prestamos en PHP y MySQL

Este Sistema de Gestión de Prestamos en PHP y MySQL es una aplicación web desarrollada en el lenguaje de programación PHP. Este proyecto incluye un script avanzado que muestra todas las funcionalidades del sistema.

Video Explicativo

Sistema de Gestión de Prestamos

Demo del Sistema de Gestión de Prestamos en PHP y MySQL

En el siguiente enlace puedes acceder al demo de la aplicación:

https://demoscweb.com/prestamos/index.php

las credenciales de acceso son usuario: configuroweb y contraseña 1234abcd..

Con numerosas funciones, este sistema está diseñado para cumplir con necesidades específicas. El Sistema de Gestión de Préstamos es un excelente recurso para principiantes que buscan aprender PHP. Esta aplicación sencilla está destinada a ayudarte a entender cómo crear un sistema funcional en PHP. Además, esta aplicación ofrece material educativo para mejorar tu comprensión de las técnicas de programación en PHP.

Este sistema integra Programación Orientada a Objetos, todo se gestiona desde un documento llamado class.php que tiene todas las funciones de la aplicación.

La aplicación es 100% responsiva, la gestión del login integra la función bcrypt con la que se hashean las contraseñas, esto eleva la seguridad del sistema para que no sea fácil extraer las contraseñas ni aun con acceso directo a la base de datos.

En el sistema se gestionan usuarios, clientes, planes de prestamo, tipos de prestamos, se verifican los cronogramas de los prestamos, se calculan los montos, se verifica el dinero que diariamente es recibido por pago de las cuotas, también está calculado el valor de las penalizaciones por tiempos de pagos retrasados.

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 login y se puedan gestionar los procesos de la aplicación, este sistema tiene un costo de 15 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 15 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

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

Video Explicativo a nivel general para instalación de aplicaciones PHP

En el video a continuación se muestra el proceso a nivel general:

Instalar aplicaciones PHP en un servidor local

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:

prestamos

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:

config.php

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/prestamos/index.php
Etiquetado: / /

Aplicación de Gestión de Archivos en PHP y MySQL

por ConfiguroWebDesarrollo

Esta Aplicación de Gestión de Archivos en PHP y MySQL permite administrar fácilmente tus archivos alojándolos de manera segura, protegiéndolos con usuario y contraseña.

Video Explicativo

Aplicación de Gestión de Archivos

La gestión de archivos es una parte esencial de muchas aplicaciones web. Ya sea que estés manejando documentos, imágenes u otro tipo de archivos, un administrador de archivos confiable puede optimizar tu flujo de trabajo y hacer que la organización de archivos sea una tarea sencilla.

Este software fue diseñado para que sea sencillo de utilizar, actualmente solo cuenta con dos perfiles de usuario, un usuario con rol Adminisrador y otro de perfil de Usuario.

La diferencia de los perfiles de usuario, basicamente es que el administrador, puede editar su usuario y contraseña, puede crear usuarios, puede editar las credenciales de los demás usuarios, puede ver todos los archivos subidos por los diferentes usuarios.

El usuario de perfil usuario, solo puede subir, descargar, editar y eliminar sus archivos, puede acceder al sistema con sus credenciale asignadas.

Cabe agregar que habría un perfil que se podría super administrador, por la diferencia de que no puede ser cambiado ni eliminado y puede realizar todas las tareas del usuario de perfil administrador.

Las credendiales del usuario super administrador son configuroweb y la contraseña 1234abcd..

Demo del Sistema

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

https://demoscweb.com/gestion-archivos/login.php

las credenciales del acceso administrativo por defecto son:

Usuario configuroweb

Contraseña 1234abcd..

Ten en cuenta el punto punto del final, se debe poner el ..

Medidas de Seguridad Aplicadas Aplicación de Gestión de Archivos en PHP y MySQL

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 login y se puedan gestionar los procesos de la aplicación, este sistema tiene un costo de 15 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 15 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

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

Video Explicativo a nivel general para instalación de aplicaciones PHP

En el video a continuación se muestra el proceso a nivel general:

Instalar aplicaciones PHP en un servidor local

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:

gestion-archivos

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 a modificar se llama conn.php y 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/gestion-archivos/login.php
Etiquetado: / /

Sistema de Gestión de Productos en PHP y MySQL

por ConfiguroWebDesarrollo

Este Sistema de Gestión de Productos en PHP y MySQL es una solución flexible y eficaz creada para optimizar la administración de productos y proveedores en empresas de cualquier tamaño. Esta robusta aplicación web incluye diversas funciones que facilitan el control de inventarios y la gestión de relaciones con proveedores. Utilizando PHP, esta aplicación ofrece una interfaz intuitiva y una funcionalidad fluida.

Esta aplicación cuenta con un sistema administrativo en el que se puede ver apenas se accede las existencias de productos, los proveedores, el total de los diferentes productos, así como el proveedor con más marcas diferentes de producto.

Es muy fácil agregar productos, seleccionar el proveedor, agregado previamente, ingresar el precio de compra, el precio de venta y las existencias, desde un solo formulario, luego de haber agregado el producto también es muy sencillo eliminarlo o editar la información ingresada del nuevo producto.

Video Explicativo

Sistema de Gestiòn de Productos en PHP

Medidas de Seguridad Aplicadas al Sistema de Gestión de Productos en PHP y MySQL:

Para cumplir con los mínimos estandares requeridos, se desarrolló la aplicación teniendo en cuenta las siguientes medidas de de seguridad:

  1. Uso de consultas preparadas para prevenir inyecciones SQL.
  2. Escape de datos antes de renderizarlos en HTML para prevenir ataques XSS.
  3. Validación y Sanitización de entradas de usuario.
  4. Uso de HTTPS para asegurar la comunicación.
  5. Control de Sesiones para proteger contra ataques de fijación de sesiones y evitar que se roben las sesiones de usuario.

Sistema Responsivo Mobile First

La aplicación es plenamente responsiva, se puede visualizar correctamente en las pantallas de móviles, incluso se puede imprimir la pantalla de productos, y la dashboard inicial con las gráficas de producto, también se visualizan correctamente, de este modo el sistema es plenamente administrable desde el teléfono.

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 login y se puedan gestionar los procesos de la aplicación, este sistema tiene un costo de 15 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 15 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

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

Demo del Sistema de Gestión de Productos

Puedes hacer pruebas que consideres sobre el demo que tengo en línea en el siguiente enlace:

https://demoscweb.com/gestion-productos/index.php

Acceso Administrativo

Las credenciales de acceso son las habituales, usuario configuroweb y la contraseña es 1234abcd..

Aprovisionamiento del Sistema

Video Explicativo a nivel general para instalación de aplicaciones PHP

En el video a continuación se muestra el proceso a nivel general:

Instalar aplicaciones PHP en un servidor local

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:

gestion-producto

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 se encuentra dentro de la carpeta conn, y se llama conn.php

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/gestion-productos/index.php
Etiquetado: / /

Sistema de Registro de Cursos en PHP y MySQL

por ConfiguroWebDesarrolloDeja un comentario en Sistema de Registro de Cursos en PHP y MySQL

Este Sistema de Registro de Cursos en PHP y MySQL, cuenta con un ambiente Administrativo y un ambiente de Estudiante, En el ambiente de Estudiante, los alumnos registrados pueden inscribirse en cursos de manera intutiva y sencilla. Para proceder con la inscripción, primero deben iniciar sesión y luego ingresar su número de PIN. Una vez completado el proceso de inscripción, tienen la opción de imprimir su comprobante de registro.

Video Explicativo

Sistema de Registro de Cursos

En el ambiente Administrativo se pueden gestionar las los Semestres, los Departamentos, Cursos, el Registro de Estudiantes y las Sesiones, estás últimas son las especificaciones de las materías en sí, así como el número de plazas disponibles por matería.

Después de crear las Sesiones, los estudiantes con su PIN se registras a estas Sesiones que hacer parte de los Cursos, que a su vez hacen parte de los Departamentos. Estas sesiones a su vez tienen niveles, estos niveles aunque están ocultos en la aplicación, le puse 5 niveles, puedes acceder a ellos y modificarlos en la carpeta admin, en el archivo levels.php, ya logueado como Administrador podrás acceder a este apartado y gestionar los niveles también.

La aplicación es plenamente responsiva tanto en el ambiente administrativo como en el ambiente de estudiantes. Los estudiantes ingresan en el login que se encuentra en la raiz del sistema, con su número de estudiante que podría ser un número de documento y su contraseña asignada.

Desde el ambiente administrativo es plenamente sencillo restablecer la contraseña a la contraseña que tengo por defecto en mis sistemas, la contraseña 1234abcd..

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 login y se puedan gestionar los boletos, este sistema tiene un costo de 20 USD y lo puedes comprar por medio del siguiente enlace:

Pago vía Global66

Países válidos Argentina, Chile, Colombia, México y Perú.

Enlace de Pago

Pago vía Mercado Pago

Países válidos Argentina, Brasil, Chile, Colombia, México, Perú y Uruaguay.

link.mercadopago.com.co/configuroweb

Pago por Binance

También me puedes hacer el pago de los 20 USD por medio de Binance con USDT a mi cuenta de Binance:

msevillab@gmail.com

Pago vía Western Union

Favor contactarme vía whatsapp para más información en el siguiente enlace:

Contáctame vía Whatsapp

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

Demo del Sistema de Registro de Cursos en PHP y MySQL

Puedes hacer pruebas sobre el demo que tengo en línea en el siguiente enlace:

Acceso Administrativo

https://demoscweb.com/registro-curso/admin/index.php

El usuario administrativo es configuroweb y la contraseña 1234abcd..

Acceso Estudiante

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

El usuario de estudiante por defecto es 1212121 y la contraseña es 1234abcd.. Cabe agregar que esta contraseña se puede cambiar desde el usuario administrativo, la recomendación es que en las pruebas crees un usuario de tipo Estudiante e ingreses con las credenciales que dispongas.

Esta aplicación tiene un costo de 20 USD para quien desee adquirirla, también te la puedo alojar en Hostinger, tu contratas el dominio con Hostinger también y yo te lo alojo con mi Hosting y te ayudo a administrar la aplicación por 10 USD mensuales.

Si te llega a interesar que te aloje la aplicación puedes consultar en el siguiente enlace de referido y contratar solo el servicio de Dominio y yo te lo puedo alojar y administrar fácilmente desde este punto.

mi enlace de hostinger

Contáctame a mí Whatsapp

Cuando hayas hecho el pago me puedes escribir directamente a mi Whatsapp al siguiente enlace:

Mi enlace directo de Whatsapp

Aprovisionamiento del Sistema de Registro de Cursos en PHP y MySQL

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 de Registro de Cursos en PHP y MySQL

Para la puesta a punto del Sistema de Citas para Veterinaria en PHP y MySQL 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, completro, 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 de Registro de Cursos

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 veterinaria, 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 el archivo config.php que se encuentra dentro de la carpeta includes en la raiz y en la carpeta includes dentro de admin, 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-curso/admin/index.php

Dudas sobre la aplicación

Cualquier duda que llegues a tener sobre la aplicación me puedes contactar directamente a mi enlace de Whatsapp

https://configuroweb.com/WhatsappMessenger

Etiquetado: / /

Cómo Crear una Aplicación de Monitoreo de Gastos Diarios en PHP: Guía Paso a Paso

por ConfiguroWebDesarrolloDeja un comentario en Cómo Crear una Aplicación de Monitoreo de Gastos Diarios en PHP: Guía Paso a Paso

En el mundo moderno, gestionar nuestros gastos diarios de manera eficiente es crucial para mantener nuestras finanzas en orden. Crear una aplicación de monitoreo de gastos puede ser una solución perfecta para esta necesidad. En este post, te guiaré paso a paso en cómo crear una aplicación de monitoreo de gastos diarios en PHP, utilizando MySQL para el almacenamiento de datos. Esta guía está diseñada tanto para principiantes como para desarrolladores experimentados que buscan un proyecto práctico.

Video Explicativo

Introducción

Antes de comenzar, asegúrate de tener instalado un servidor local como XAMPP o WAMP, que incluye PHP y MySQL. Además, necesitarás un editor de texto o IDE, como Visual Studio Code o Sublime Text.

Esta aplicación gratuita, hace parte de un compendio de más de 80 aplicaciones PHP grauita de libre distribución, te invito a darle una mirada a mi blog completo, ya que también cuento con más de 70 aplicaciones premium en su gran mayoría a 15 USD que te podrían servir.

Paso 1: Configuración del Entorno

  1. Instala un servidor local: Si aún no tienes uno, descarga e instala XAMPP o WAMP.
  2. Crea la base de datos: Abre phpMyAdmin y crea una nueva base de datos llamada expenses_db. Luego, crea una tabla llamada tbl_expense con los siguientes campos:
    • id (INT, PRIMARY KEY, AUTO_INCREMENT)
    • expense_date (DATE)
    • expense_amount (DECIMAL)

Paso 2: Estructura del Proyecto

Organiza tu proyecto de la siguiente manera:

expenses-app/
├── inc/
│   ├── header.php
│   ├── footer.php
│   └── db.php
├── css/
│   └── styles.css
├── index.php
└── endpoint/
    ├── add-expense.php
    └── delete-expense.php

Paso 3: Archivo de Conexión a la Base de Datos

Crea el archivo db.php dentro de la carpeta inc:

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "expenses_db";

try {
    $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch(PDOException $e) {
    echo "Connection failed: " . $e->getMessage();
}
?>

Paso 4: Encabezado y Pie de Página

Crea los archivos header.php y footer.php para incluir el encabezado y el pie de página en todas las páginas.

header.php:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aplicación de Monitoreo de Gastos Diarios</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>

footer.php:

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"></script>
</body>
</html>

Paso 5: Página Principal

Crea el archivo index.php con el siguiente contenido:

<?php include('inc/header.php'); ?>
<?php include('inc/db.php'); ?>

<div class="container">
    <h1 class="mt-5">Monitoreo de Gastos Diarios</h1>
    <button type="button" class="btn btn-primary mt-3" data-toggle="modal" data-target="#addExpenseModal">Añadir Gasto</button>

    <div class="modal fade" id="addExpenseModal" tabindex="-1" aria-labelledby="addExpenseLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="addExpenseLabel">Añadir Gasto</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form action="endpoint/add-expense.php" method="POST">
                        <div class="form-group">
                            <label for="expenseDate">Fecha del Gasto</label>
                            <input type="date" class="form-control" id="expenseDate" name="expense_date" required>
                        </div>
                        <div class="form-group">
                            <label for="expenseAmount">Monto del Gasto</label>
                            <input type="number" class="form-control" id="expenseAmount" name="expense_amount" required>
                        </div>
                        <button type="submit" class="btn btn-primary">Añadir</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="mt-5">
        <h2>Gastos</h2>
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Fecha</th>
                    <th>Monto</th>
                    <th>Acción</th>
                </tr>
            </thead>
            <tbody>
                <?php
                $stmt = $conn->prepare("SELECT * FROM tbl_expense ORDER BY expense_date");
                $stmt->execute();
                $result = $stmt->fetchAll();

                foreach ($result as $row) {
                    echo "<tr>";
                    echo "<td>" . $row['expense_date'] . "</td>";
                    echo "<td>" . $row['expense_amount'] . "</td>";
                    echo '<td><a href="endpoint/delete-expense.php?id=' . $row['id'] . '" class="btn btn-danger btn-sm">Eliminar</a></td>';
                    echo "</tr>";
                }
                ?>
            </tbody>
        </table>
    </div>
</div>

<?php include('inc/footer.php'); ?>

Paso 6: Añadir y Eliminar Gastos

Crea los archivos add-expense.php y delete-expense.php en la carpeta endpoint.

add-expense.php:

<?php
include('../inc/db.php');

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $date = $_POST['expense_date'];
    $amount = $_POST['expense_amount'];

    $stmt = $conn->prepare("INSERT INTO tbl_expense (expense_date, expense_amount) VALUES (:date, :amount)");
    $stmt->bindParam(':date', $date);
    $stmt->bindParam(':amount', $amount);

    if ($stmt->execute()) {
        header("Location: ../index.php");
    } else {
        echo "Error al añadir el gasto.";
    }
}
?>

delete-expense.php:

<?php
include('../inc/db.php');

if (isset($_GET['id'])) {
    $id = $_GET['id'];

    $stmt = $conn->prepare("DELETE FROM tbl_expense WHERE id = :id");
    $stmt->bindParam(':id', $id);

    if ($stmt->execute()) {
        header("Location: ../index.php");
    } else {
        echo "Error al eliminar el gasto.";
    }
}
?>

Paso 7: Estilos CSS

Crea un archivo styles.css en la carpeta css para agregar estilos personalizados:

body {
    background-color: #f8f9fa;
}

.container {
    margin-top: 50px;
}

table {
    margin-top: 20px;
}

.modal-header {
    background-color: #007bff;
    color: #fff;
}

Repositorio de la Aplicación

https://github.com/configuroweb/control-gastos
Sistema de Control de Gastos en PHP y MySQL

Conclusión

¡Y eso es todo! Ahora tienes una aplicación funcional para el monitoreo de gastos diarios. Este proyecto no solo te ayuda a gestionar tus finanzas personales, sino que también mejora tus habilidades en PHP y MySQL. Recuerda siempre probar y mejorar tu código para adaptarlo a tus necesidades específicas. ¡Feliz codificación!

Etiquetado: / /
configuroweb.com
×
Hola de Nuevo
Powered by iurny
Abrir chat
¿Qué te interesa?
Selecciona los temas de interés sobre
los que deseas recibir noticias:
    A partir de ahora recibirás notificaciones de nuestro sitio web basadas en dicha selección, según tus gustos e intereses.