En este post te mostraré cómo hacer que la sesión persista al usar la fetch API de JavaScript. Pasa que en ocasiones hacemos cosas con la sesión del lado del servidor, pero al usar fetch no se toma en cuenta la sesión.

Por ejemplo, iniciamos sesión con fetch y al querer acceder a un recurso protegido con la sesión, nos dice que no hay datos de sesión o que no estamos logueados.

Te mostraré cómo hacer que la sesión del lado del servidor (lo he probado con PHP, Go y Node.js o bueno JavaScript del lado del cliente) persista al usar fetch.

Explicación del problema

Lo que pasa es que fetch no está enviando las cookies ni otras cosas, al menos que le digamos. Para ello debemos configurar la petición para que incluya las credenciales.

Configurando fetch

Lo que tenemos que hacer es, dentro de los ajustes de fetch, incluir credentials en true. Esto se puede hacer proporcionando el segundo argumento que indica las configuraciones. Ahí se especifica el método, cuerpo, etcétera pero además credentials:

Y eso es todo, ahora se enviarán las cookies que hacen que la sesión persista. Recuerda que puedes usar distintos métodos, rutas, etcétera. Todo eso está en mi post sobre fetch.

Si usas CORS

En caso de que estés usando CORS, debes configurar el encabezado Access-Control-Allow-Credentials en true. Dependerá de tu servidor, pero en mi blog tengo un ejemplo con PHP y con Node.


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

Relacionado:  Bajo rendimiento en PHP usando Prepared Statements con MySQL

Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 577 suscriptores


parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

0 Comments

Deja un comentario

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

A %d blogueros les gusta esto: