Dalam era digital hari ini, keselamatan adalah lebih penting berbanding sebelum ini. Kaedah log masuk tradisional, seperti kata laluan, selalunya merupakan pautan paling lemah dalam keselamatan web. Untuk menangani perkara ini, ramai pembangun beralih kepada kaedah pengesahan lanjutan seperti pengecaman muka.
Dalam tutorial ini, kami akan memperkenalkan anda kepada FACEIO, rangka kerja pengesahan muka termaju yang boleh disepadukan dengan lancar ke dalam tapak web anda dengan hanya beberapa baris JavaScript. Pada penghujung panduan ini, anda akan mempunyai sistem log masuk pengecaman muka yang berfungsi sepenuhnya di tapak anda, memberikan pengguna anda pengalaman pengesahan yang selamat dan moden.
FACEIO ialah rangka kerja pengesahan muka yang direka untuk memudahkan proses menambah keupayaan pengecaman muka pada tapak web dan aplikasi web. Ia membolehkan pengguna untuk log masuk atau mendaftar hanya menggunakan muka mereka, menghapuskan keperluan untuk kata laluan tradisional atau bahkan OTP. FACEIO meningkatkan keselamatan sambil memberikan pengalaman pengguna tanpa geseran.
Sebelum kami menyelam, inilah yang anda perlukan:
Langkah pertama ialah membuat akaun FACEIO anda dan dapatkan kunci API anda. Jangan risau—bahagian ini mudah!
Sekarang, mari kita ke bahagian yang menyeronokkan: menyepadukan FACEIO ke dalam tapak web anda. Kami akan mulakan dengan fail HTML asas.
Ini contoh mudah:
FACEIO Integration Example Login with FACEIO
Mari kita lihat dengan lebih dekat apa yang berlaku dalam kod:
1.Termasuk SDK:
SDK JavaScript FACEIO ialah yang membuatkan semua keajaiban berlaku. Kami menyertakannya dengan menambahkan tag skrip ini pada HTML kami:
2.Memulakan FACEIO:
Kami memulakan perkara dengan memulakan FACEIO dengan kunci API yang anda dapat sebelum ini:
const faceio = new faceIO("your-api-key-here");
Hanya gantikan "kunci-api-anda-di sini" dengan kunci API sebenar anda, dan anda boleh pergi!
3.Mengendalikan Pengesahan:
Apabila pengguna mengklik butang "Sahkan dengan Wajah", kod berikut berjalan:
document.getElementById("faceio-button").addEventListener("click", async () => { try { // Perform authentication using FACEIO const response = await faceio.authenticate(); // If successful, greet the user alert(`Hello, ${response.payload.userName}!`); } catch (err) { // Handle authentication errors console.error(err); alert("Authentication failed, please try again."); } });
Untuk memastikan pembangun mempunyai semua sumber yang mereka perlukan, berikut adalah beberapa pautan berguna:
Sumber ini akan membimbing anda melalui penyepaduan lanjutan dan menawarkan sokongan daripada komuniti FACEIO.
Jom lihat ia beraksi! Begini cara anda boleh menguji integrasi anda:
Jika semuanya berjalan lancar, anda akan melihat mesej ucapan dengan nama pengguna anda selepas pengesahan berjaya.
Dan begitulah! Hanya dalam beberapa langkah mudah, anda telah menambahkan pengecaman muka termaju pada tapak web anda. FACEIO memudahkan anda untuk melangkaui kata laluan dan menawarkan pengguna anda pengalaman log masuk yang lebih selamat dan moden.
Kami harap anda menikmati tutorial ini. Nantikan lebih banyak panduan tentang cara mengintegrasikan FACEIO dengan rangka kerja JavaScript yang popular seperti React, Vue.js dan Angular. Sementara itu, jangan ragu untuk berkongsi pendapat dan soalan anda dalam komen di bawah!
以上是抛弃密码:使用 FACEIO 将面部识别添加到您的网站的详细内容。更多信息请关注PHP中文网其他相关文章!