🇯🇵 日本語 | 🇺🇸 English | 🇪🇸 Español | 🇵🇹 Português | 🇹🇭 ไทย | 🇨🇳 中文

[Introducción a PHP] ¡La Magia de Recordar el Estado! Cómo Crear una Autenticación de Inicio de Sesión con Sesiones

Cuando navegas por sitios web, la función de "inicio de sesión" es una característica común, ¿verdad? Una vez que inicias sesión, tu "estado de conexión" se mantiene incluso cuando te mueves a diferentes páginas, permitiéndote ver contenido exclusivo para miembros. Sin embargo, la comunicación web (HTTP) es inherentemente "sin estado", lo que significa que cada solicitud de página es independiente y no "recuerda" estados anteriores. Entonces, ¿cómo se mantiene el estado de inicio de sesión?

El secreto es una tecnología de PHP llamada Sesión (Session). Una sesión es un mecanismo para que el servidor recuerde una "contraseña" para cada visitante, significando "has iniciado sesión". En este artículo, usaremos esta funcionalidad de sesión para explicar cómo crear una "página exclusiva para miembros" simple con autenticación por contraseña. Creando solo dos archivos, puedes experimentar el núcleo de la funcionalidad de inicio de sesión esencial para los sitios web. ¡Copia, pega y ejecuta el código para sentir la magia de recordar el estado!

Para preparar tu entorno para ejecutar PHP (entorno de desarrollo), si aún no has configurado XAMPP, por favor consulta ¡[Introducción a PHP] Guía completa para descargar e instalar XAMPP!. ¡Después de la instalación, simplemente coloca tu archivo PHP en la carpeta especificada (como `htdocs`) y estarás listo!

1. Cómo Funcionan las Sesiones: El Truco de Memoria de PHP

Una sesión es un mecanismo para guardar temporalmente en el lado del servidor la información de un usuario que visita un sitio web. Puedes pensar en ello como recibir una pulsera en la entrada de un evento. Una vez que tienes la pulsera (sesión iniciada), no importa a qué área (página) del recinto vayas, el personal (servidor) puede reconocerte como un participante legítimo (usuario conectado).

Para manejar sesiones en PHP, solo necesitas recordar tres comandos principales.

  1. session_start(): Es la señal de inicio, diciendo: "¡Voy a usar una sesión ahora!" Debe escribirse al principio de cada página que utiliza sesiones.
  2. $_SESSION: Es un array especial para almacenar información como el estado de inicio de sesión. Puedes guardar y verificar datos libremente así: $_SESSION['clave'] = valor;.
  3. session_destroy(): Elimina por completo la información de la sesión almacenada en el servidor, típicamente usado durante el cierre de sesión.

Construiremos un sistema de inicio de sesión usando estos tres comandos.

2. ¡A la práctica! Construyamos un Sistema de Inicio de Sesión

Esta vez, crearemos los siguientes dos archivos.

Por favor, guarda estos dos archivos en la misma carpeta.

Archivo 1: login.php (Página de Inicio de Sesión)

Este archivo contiene tanto el formulario de entrada de contraseña como la lógica para verificar si la contraseña enviada es correcta.

<?php
// ① Iniciar la sesión
session_start();

$error_message = '';
// ② Si hay una solicitud POST (envío de formulario)
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // ③ Comparar con la contraseña codificada
    $correct_password = 'password123'; // Originalmente, esto se gestionaría en una base de datos
    $input_password = $_POST['password'];

    if ($input_password === $correct_password) {
        // ④ Si la contraseña coincide
        $_SESSION['is_logged_in'] = true; // Guardar el estado de inicio de sesión en la sesión
        header('Location: member_page.php'); // Redirigir a la página de miembros
        exit;
    } else {
        // Si la contraseña no coincide
        $error_message = 'Contraseña incorrecta.';
    }
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Iniciar sesión</title>
    <style>
        body { font-family: sans-serif; padding: 20px; text-align: center; }
        .login-form { max-width: 300px; margin: 50px auto; padding: 20px; border: 1px solid #ccc; border-radius: 8px; }
        input[type="password"] { width: 100%; padding: 10px; margin: 10px 0; box-sizing: border-box; }
        button { width: 100%; padding: 10px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; }
        .error { color: red; margin-bottom: 10px; }
    </style>
</head>
<body>
    <div class="login-form">
        <h1>Iniciar sesión</h1>
        <?php if ($error_message): ?>
            <p class="error"><?php echo $error_message; ?></p>
        <?php endif; ?>
        <form action="login.php" method="POST">
            <input type="password" name="password" placeholder="Contraseña" required>
            <button type="submit">Iniciar sesión</button>
        </form>
    </div>
</body>
</html>

Archivo 2: member_page.php (Página Exclusiva para Miembros)

Esta página comprueba si hay prueba de estar "conectado" (información de sesión) al acceder. Si no hay prueba, devuelve al usuario sin contemplaciones a la página de inicio de sesión.

<?php
// ① Iniciar la sesión
session_start();

// ② Comprobar el estado de inicio de sesión
//    Si $_SESSION['is_logged_in'] no existe o no es true, redirigir a la página de inicio de sesión
if (!isset($_SESSION['is_logged_in']) || $_SESSION['is_logged_in'] !== true) {
    header('Location: login.php');
    exit;
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Página Exclusiva para Miembros</title>
    <style>
        body { font-family: sans-serif; padding: 20px; }
        .content { border: 2px dashed #007bff; padding: 20px; background: #f0f8ff; }
        a { color: #d9534f; }
    </style>
</head>
<body>
    <h1>¡Bienvenido, miembro!</h1>
    <div class="content">
        <p>Este es contenido especial que solo los usuarios que han iniciado sesión pueden ver.</p>
        <p>(La información exclusiva para miembros se mostraría aquí)</p>
    </div>
    <p><a href="logout.php">Cerrar sesión</a></p>
</body>
</html>

¡Ahora está todo listo! Accede a `login.php` en tu navegador e intenta introducir "`password123`" como contraseña. Si es correcta, serás llevado a la página de miembros, y si es incorrecta, se mostrará un mensaje de error. También puedes confirmar que si intentas acceder a `member_page.php` directamente sin iniciar sesión, serás redirigido forzosamente a `login.php`.

3. Puntos a tener en cuenta y ejemplos de aplicación

Este sencillo mecanismo es potente, pero en una aplicación real, necesitas mejorar aún más la seguridad.

Almacenamiento seguro de contraseñas

En este ejemplo, escribimos la contraseña directamente en el código como `'password123'` (hard-coding). Esto es muy peligroso. En el desarrollo real, las contraseñas siempre deben ser procesadas mediante **hashing**, que las almacena de una forma en la que la contraseña original no se puede averiguar, y se guardan en una base de datos.

PHP proporciona las funciones `password_hash()` y `password_verify()` para este propósito.

<?php
// Hashear y guardar la contraseña (por ejemplo, durante el registro de un usuario)
$hashed_password = password_hash('password123', PASSWORD_DEFAULT);

// Verificar si la contraseña introducida al iniciar sesión coincide con el hash guardado
if (password_verify('password123', $hashed_password)) {
    echo '¡La contraseña es válida!';
} else {
    echo 'Contraseña inválida.';
}
?>

Procesamiento del cierre de sesión

Hemos colocado un enlace de "Cerrar sesión" en la página de miembros. El destino de este enlace, `logout.php`, necesita un proceso para destruir de forma segura la sesión.

<?php
session_start();

// Desasigna todas las variables de sesión
$_SESSION = array();

// Destruye la sesión
session_destroy();

// Redirigir a la página de inicio de sesión después de cerrar sesión
header('Location: login.php');
exit;
?>

Al destruir completamente la sesión con `session_destroy()`, se completa el cierre de sesión.

4. Resumen

En este artículo, hemos aprendido a usar la funcionalidad de sesión de PHP para hacer que un sitio web "recuerde" el estado y construir un sistema de inicio de sesión simple. ¿Has entendido el flujo: iniciar una sesión con `session_start()`, almacenar información en el array `$_SESSION`, y mantener esa información incluso al moverse entre páginas?

Este mecanismo de sesión es una tecnología fundamental para las aplicaciones web, aplicada no solo a la autenticación de inicio de sesión, sino también en diversos escenarios como formularios de entrada de varias páginas y para recordar el contenido de un carrito de compras. ¡Te animamos a dominar estos conceptos básicos y a asumir el reto de desarrollar funcionalidades más avanzadas!