Détecter l'inactivité d'un utilisateur de manière élégante (requestIdleCallback ?)

Version imprimable

04/11/2020, 21h02
xor AX AX

Détecter l'inactivité d'un utilisateur de manière élégante (requestIdleCallback ?)

Bonjour,

Je cherche à delogger (chose que je sais faire) un utilisateur après x minutes d'activité.

requestIdleCallback me semble le plus élégant (= utilise le moins de ressources) opposé à des timer et event clavier, souris... mais je m'y perds malgré ce que j'ai pu voir sur le net.

Des idées ? Ah, pas de jQuery SVP, j'suis Vanilla JS !

Dans un 1er temps, je cherche à faire des choses simples (envoyer un mail au chef pour dénoncer l'utilisateur :-), sauvegarder le travail en cours puis delogger).

Après (enfin si j'ai bien compris comment ça fonctionne), j'envisagerai du plus lourd (miner des bitcoins, calculer l'âge du capitaine, combien de temps le fût met-il pour se refroidir après que l'obus a été tiré ?, pourquoi « 42 » est la réponse à la Grande Question de l'Univers).

Merci par avance.
05/11/2020, 08h05
SpaceFrog

Le méthode client ne semble pas sécure.
Un timer coté client qui lancerait un ajax de déconnexion laisse la possibilité à l'utilisateur d'intervenir sur le timer.
Perso j'aborderais cela plutôt coté serveur en utilisant les sessions.
https://www.codegrepper.com/code-exa...+session+timer
05/11/2020, 09h18
Doksuri

j'opterai pour un mix des 2 :

un appel ajax qui fait office de "heartbeat" pour signaler au serveur que l'on est toujours actif (pour les sessions php)
et un timeout de session php

le probleme avec la solution 100% php, c'est que l'utilisateur peut etre en train de lire la page... en soit, il est toujours "actif", mais le serveur ne le sait pas

pour ta solution requestIdleCallback, ce n'est pas ce que tu crois : cette methode permet juste de lancer une tache quand le navigateur a fini ses calculs, et non pas quand il est "idle" comme nous l'entendons...
05/11/2020, 12h36
xor AX AX

Merci de vos contributions.

Citation:

La méthode window.requestIdleCallback() mémorise une fonction qui sera appelée lorsque le navigateur n'aura plus aucune autre tâche en cours.

=> d'où ma méprise dans l'interprétation

Server side : ce n'est pas une solution pour moi.

En fait, l'utilisateur récupère une liste de produits et les prépare (client side) sans plus d'interaction avec le serveur (sauf si nécessaire) pour garantir les temps de réponse. Tout est stocké en localStorage.
Je veux utiliser les temps morts client side pour mettre à jour le serveur (Ajax) même si tous les produits ne sont pas préparés et éventuellement déconnecter l'utilisateur (server side) par ex s'il est parti déjeuner.

J'essaie de trouver une façon moins bourrine que des timers.

Bon, j'ai choisi cela :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function autoTimer()
{	let t;
	window.onload=autoTimerReset();
	window.onmousemove=autoTimerReset();
	window.onmousedown=autoTimerReset();	
	window.ontouchstart=autoTimerReset();
	window.onclick=autoTimerReset();
	window.onkeypress=autoTimerReset();
	window.addEventListener('scroll',autoTimerReset,true);
    function autoTimerAction()
	{	let fct=localStorage.getItem("function")
		alert("logout");
		if (fct==_TAB_PICKMAIN || fct==_TAB_PICKEXT)
		{	// Commande en cours de préparation
			autoTimer();
			// Action : sauvegarder l'état de la commande (Ajax)
		}
		else if (fct!=_CMD_LOGOUT)
		{	// Action : se déconnecter
		}
    }
    function autoTimerReset()
	{	clearTimeout(t);
		t=setTimeout(autoTimerAction,_LOGOUT_TIME);
    }
}