User Idle Detection: ¿Lobo está?

Photo by Grégoire Bertaud — https://unsplash.com/@sirtook

Hace unos días estaba buscando nuevas APIs para web y me encontré con la API de User Idle Detection. Básicamente nos permite identificar cuando el usuario no está interactuando con nuestra web:

The Idle Detection API notifies developers when a user is idle, indicating such things as lack of interaction with the keyboard, mouse, screen, activation of a screensaver, locking of the screen, or moving to a different screen. A developer-defined threshold triggers the notification.

Hace unos años junto a @impronunciable desarrollamos un feature para expirar la sesión del usuario cuando no estaba realizando ninguna actividad dentro del Panel de Mango.

Esta funcionalidad es muy común en el mundo de las fintech ya que manejamos información muy delicada y no queremos que por un descuido quede expuesta en un tab abandonado. Seguramente puedan encontrarla en su Home Banking “amigo”.

Recuerdo que tuvimos que desarrollar los posibles casos para adivinar si el usuario estaba ahí o se había ido teniendo en cuenta diferentes eventos del mouse, teclado, scroll, entre otros.

Si en la actualidad tuviéramos que desarrollar este feature, sería muy sencillo!

Ver una pequeña demo.

NOTA: Hay que activar el experimento #enable-experimental-web-platform-features en chrome://flags. En caso de querer usarlo en producción hay que pedir un token de origin trial.

Meow. 🐈

Originally published at https://blog.pazguille.me.

--

--

👨‍💻 Frontend Web Developer |⚡️Web Performance Lover | 🏝️ Islands Architecture | 💼 Sr. Technical Manager at $MELI | 🎮 xstoregames.com

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Guille Paz

Guille Paz

👨‍💻 Frontend Web Developer |⚡️Web Performance Lover | 🏝️ Islands Architecture | 💼 Sr. Technical Manager at $MELI | 🎮 xstoregames.com