šŸ“š GUƍA COMPLETA DEL SISTEMA DE AUTENTICACIƓN - SivarSocial

šŸ“‘ Tabla de Contenidos

  1. Conceptos Fundamentales
  2. Arquitectura del Sistema
  3. Archivos Principales
  4. Flujo de AutenticaciĆ³n
  5. ExplicaciĆ³n LĆ­nea por LĆ­nea

šŸŽ“ CONCEPTOS FUNDAMENTALES

1. JWT (JSON Web Token)

ĀæQuĆ© es?

Un token es como una "credencial digital" que identifica al usuario.

AnalogĆ­a:

Es como un pase VIP en un concierto. Lo obtienes al entrar (login) y te permite acceder a Ɣreas especiales sin volver a mostrar tu entrada.

Estructura:

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoxMjN9.AbC123...
     Header (cabecera)            Payload (datos)      Signature (firma)

2. localStorage vs sessionStorage

CaracterĆ­stica localStorage sessionStorage
DuraciĆ³n Permanente (hasta que lo elimines) Se borra al cerrar el navegador
Uso tĆ­pico "Recordar sesiĆ³n" SesiĆ³n temporal
TamaƱo ~5-10 MB ~5-10 MB
Acceso Todas las ventanas del navegador Solo la pestaƱa actual

Ejemplo prƔctico:

// Ejemplo prƔctico
localStorage.setItem('token', 'abc123')     // Se guarda para siempre
sessionStorage.setItem('token', 'abc123')   // Se borra al cerrar