Penerokaan pada pengoptimuman pengalaman pengguna yang disebabkan oleh tamat masa log masuk Laravel
Dalam pembangunan web, tamat tempoh log masuk pengguna adalah masalah yang sangat biasa Apabila pengguna tidak menjalankan operasi untuk masa yang lama, sistem akan log keluar pengguna secara automatik , yang akan menyebabkan masalah Ia menyebabkan ketidakselesaan dan kegusaran tertentu kepada pengguna. Terutama apabila membangunkan menggunakan rangka kerja Laravel, kami boleh menyelesaikan masalah ini dengan mengoptimumkan pengalaman pengguna.
1. Tetapkan masa tamat log masuk
Pertama, kita perlu menetapkan masa tamat log masuk pengguna dalam Laravel. Biasanya, kami mencari atribut sepanjang hayat dalam fail konfigurasi config/session.php Atribut ini menentukan masa tamat sesi log masuk pengguna. Kita boleh menetapkan masa yang sesuai mengikut keperluan kita sendiri, seperti 30 minit atau 1 jam.
'lifetime' => 30, // 单位为分钟
2 Bahagian hadapan menggesa pengguna bahawa log masuk mereka telah tamat tempoh
Di halaman hujung hadapan, kami boleh menggunakan JavaScript untuk menentukan status log masuk pengguna Apabila pengguna tidak melakukan operasi untuk masa yang lama, kami boleh memberi pengguna gesaan untuk memberitahu mereka bahawa log masuk telah tamat tempoh dan membimbing mereka untuk log masuk semula.
var checkSession = function() { $.ajax({ url: '/check-session', type: 'GET', success: function(response) { if (response.status === 'expired') { alert('登录已失效,请重新登录!'); window.location.href = '/logout'; } } }); } setInterval(checkSession, 60000); // 每分钟检查一次用户登录状态
Dalam kod di atas, kami menghantar permintaan ajax kepada pelayan setiap minit melalui pemasa/check-session
Pelayan akan mengembalikan status log masuk pengguna semasa Jika ia telah tamat tempoh, kotak gesaan akan muncul dan melompat ke halaman log keluar.
3. Bahagian belakang mengendalikan kegagalan log masuk pengguna
Dalam Pengawal Laravel, kami perlu menangani kegagalan log masuk pengguna Apabila log masuk pengguna gagal, kami boleh mengembalikan kod status tertentu untuk memberitahu pengguna bahagian hadapan bahawa log masuk telah gagal.
public function checkSession() { if (Auth::check()) { return response()->json(['status' => 'valid']); } else { return response()->json(['status' => 'expired']); } }
Dalam kod di atas, kami mengembalikan status yang berbeza dengan menyemak sama ada pengguna telah log masuk, dan bahagian hadapan menggesa pengguna untuk perubahan dalam status log masuk berdasarkan status yang dikembalikan.
4. Sediakan portal log masuk semula
Apabila log masuk pengguna gagal, kami harus menyediakan pengguna portal log masuk semula yang mudah supaya pengguna boleh log masuk semula dengan cepat dan mudah tanpa perlu memasuki semula laman web atau melakukan operasi yang menyusahkan.
<a href="/login" class="btn btn-primary">重新登录</a>
Di atas ialah penerokaan pengoptimuman pengalaman pengguna yang disebabkan oleh kegagalan masa log masuk Laravel Dengan menetapkan masa kegagalan log masuk, gesaan bahagian hadapan, pemprosesan bahagian belakang dan menyediakan pintu masuk log masuk semula, pengalaman pengguna boleh dipertingkatkan. , masalah pengguna dapat dikurangkan, dan pengguna boleh dijamin Pengalaman yang baik dengan tapak web. Sudah tentu, untuk projek dan keperluan yang berbeza, pengoptimuman dan penyesuaian yang lebih terperinci boleh dijalankan mengikut keadaan tertentu.
Atas ialah kandungan terperinci Penyelidikan tentang pengoptimuman pengalaman pengguna yang disebabkan oleh kegagalan masa log masuk Laravel. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!