Estoy trabajando con un servidor web y un cliente actualmente y quiero que mi sitio web tenga un menú desplegable que permita al usuario ver su perfil, cerrar sesión en su cuenta o eliminar su cuenta. Tengo todo el javascript configurado para que puedan ver su código, pero no estoy seguro de cómo configurarlo para que pueda eliminar su perfil y desconectarlos del sitio web. A continuación se muestra lo que tengo para acceder a sus datos y mostrarlos en la página principal de mi sitio web. El problema es que el tutorial no dice nada sobre cerrar sesión en un sitio o deshacerse por completo de los datos del usuario.
const displayAccountItem = document.querySelector("#displayAccountItem") displayAccountItem.addEventListener("click", async(e) => { e.preventDefault() const token = localStorage.getItem("token") //const url = "http://localhost:3001/users/me" const url = 'https://<<your-API-server-domain>>/users/me' const options = { method: "GET", headers: { Authorization: `Bearer ${token}`, }, } let response = await fetch(url, options) if (response.ok) { if (response.status === 200) { const data = await response.json() const contentArea = document.querySelector("#contentArea") contentArea.innerHTML = `Name: ${data.name} <br>Email: ${data.email}` } } else { console.log("HTTP-Error: " + response.status) } })
Si la respuesta devuelve el código de estado como 4XX, simplemente puede borrar el almacenamiento local y redirigir al usuario a la página de inicio de sesión o la página que se espera que se represente.
Para limpiar el almacenamiento local que puede hacer
localStorage.clear();
Tenga en cuenta que esto borrará todos los valores en localStorage. Si desea eliminar solo token el uso
localStorage.removeItem(keyname)
Si me he perdido algo de su condición, háganoslo saber.