Estoy trabajando en un sitio privado con datos importantes y quiero cerrar la sesión de cualquier usuario que no haya hecho nada durante 10 minutos (olvidé la pestaña abierta en segundo plano como ejemplo). ¿Cómo puedo hacer eso, está bien ejecutar un detector de eventos con los clics del mouse con un temporizador, o hay otras soluciones mejores para esto?
Esto se puede lograr solo con JavaScript. Dado que nuestra aplicación web se puede abrir en varias pestañas, es mejor almacenar la última actividad del usuario en localStorage
Primero, declaremos eventos que consideramos como actividad del usuario y almacenemos el tiempo de la actividad del usuario en localStorage
document.addEventListener("mousemove", () =>{ localStorage.setItem('lastActvity', new Date()) }); document.addEventListener("click", () =>{ localStorage.setItem('lastActvity', new Date()) });A continuación, creemos un intervalo que se verificará en cada intervalo dado.
let timeInterval = setInterval(() => { let lastAcivity = localStorage.getItem('lastActvity') var diffMs = Math.abs(new Date(lastAcivity) - new Date()); // milliseconds between now & last activity var seconds = Math.floor((diffMs/1000)); var minute = Math.floor((seconds/60)); console.log(seconds +' sec and '+minute+' min since last activity') if(minute == 10){ console.log('No activity from last 10 minutes... Logging Out') clearInterval(timeInterval) //code for logout or anything... } },1000)los detectores de eventos para el movimiento del mouse (no los clics) y los detectores de eventos para los clics del teclado también deberían hacer el trabajo.
Supongamos que desea cerrar la sesión del usuario después de 10 minutos de inactividad. Simplemente inicie un temporizador (durante 10 minutos) en el momento en que el usuario inicie sesión, cada vez que el usuario haga cualquier movimiento del mouse o haga clic en el teclado, use el detector de eventos para restablecer el temporizador. Si no hay actividad, después de 10 minutos, el temporizador debe ejecutar la función de cierre de sesión.
Como en el caso sugerido por Vishnu Bhadoriya, en ese caso, la solución inactiva debería ser implementar un latido entre el cliente y el servidor. Ahora, en este caso, los oyentes de su mouse y teclado enviarían un evento de línea de vida al servidor, y el servidor mantendrá viva su sesión. Cuando el servidor no recibe el evento de la línea de vida durante más de 10 minutos (límite de actividad), el servidor puede emitir un evento al cliente que puede desconectarlo o simplemente invalidar el token de autenticación del cliente.