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.
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.
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:
fetch("https://sitio.com", {
// ...
credentials: "include", // <-- Justo aquí
// ...
});
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.
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.
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Esta web usa cookies.
Ver comentarios
Muchas gracias, me sirvió tu explicación para resolver mi problema.