Blog
Script Web Logout Otomatis Jika Tidak Ada Interaksi Pengguna
Jika anda sedang berada pada halaman ini, kemungkinan anda sedang mengalami masalah yang sama seperti yang ditanyakan oleh salah satu peserta saya dalam kegiatan training PHP Laravel Framework yang dilaksanakan oleh Brainmatics, pertanyaan bagaimana membuat fitur agar aplikasi melakukan logout otomatis jika pengguna tidak melakukan interaksi selama periode yang ditentukan.
sebenarnya sudah ada library yang bisa anda gunakan untuk mengatasi masalah, salah satunya adalah library jquery idle yang ditulis oleh salah satu developer yang bernama Henrique Boaventura dan membagikan library ini secara gratis pada repository githubnya.
setelah mengdownload library nya, silahkan extrack asset dari library tersebut kedalam aplikasi anda, kemudian panggil library jquery.idle.js seperti berikut ini :
|
1 2 |
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.idle.js"></script> |
setelah anda meload library nya, sekarang waktunya menulis script untuk melakukan proses pengechekan apakah pengguna melakukan interaksi dengan browser atau tidak, berikut ini adalah script untuk melakukan pengechekan dengan waktu diam 10 detik. silahkan copy script ini dan pastekan di halaman aplikasi anda.
|
1 2 3 4 5 6 7 8 |
<script> $(document).idle({ onIdle: function(){ window.location="/logout.php"; }, idle: 10000 }); </script> |
sekarang tinggal tunggu aplikasi anda selama 10 detik tanpa melakukan apa apa, jika semua proses yang anda lakukan benar maka aplikasi akan meredirect halaman ke logout.php, berikut ini adalah salah satu contoh impelemetasi dengan menampilkan alert jika tidak ada interaksi selama 10 detik.
