Khám phá cách phát hiện các tính năng WebAuthn bằng getClientCapabilities()
và điều chỉnh quy trình xác thực cho người dùng.
Ngày phát hành: 22 tháng 1 năm 2025
Làm cách nào để đảm bảo quy trình xác thực của bạn thích ứng liền mạch với trình duyệt và thiết bị của người dùng?
Kể từ Chrome 133, API WebAuthn getClientCapabilities()
sẽ giúp bạn xác định những tính năng xác thực mà trình duyệt hỗ trợ. Bằng cách gọi PublicKeyCredential.getClientCapabilities()
, nhà phát triển có thể truy xuất danh sách các chức năng được hỗ trợ và điều chỉnh quy trình xác thực cho phù hợp.
Tính năng nâng cao này cho phép nhà phát triển tạo quy trình xác thực mạnh mẽ và thân thiện với người dùng hơn, phù hợp với môi trường của người dùng.
Sau đây là cách triển khai:
if (window.PublicKeyCredential &&
PublicKeyCredential.getClientCapabilities) {
const capabilities = await PublicKeyCredential.getClientCapabilities();
if (capabilities.conditionalGet === true &&
capabilities.passkeyPlatformAuthenticator === true) {
// The browser supports passkeys and conditional mediation.
}
}
Phương thức này giúp bạn điều chỉnh trải nghiệm xác thực cho người dùng bằng cách xác định các tính năng được hỗ trợ như khoá truy cập, dàn xếp có điều kiện (tự động điền khoá truy cập trong hộp thoại), phương thức truyền tải kết hợp (xác thực trên nhiều thiết bị bằng Bluetooth) và thậm chí là các tiện ích.
Tại sao tính năng phát hiện tính năng lại quan trọng
Việc hiểu rõ các chức năng của ứng dụng cho phép bạn:
- Tạo trải nghiệm người dùng mượt mà hơn và cải thiện độ tin cậy của quy trình xác thực bằng cách điều chỉnh cách triển khai cho phù hợp với các tính năng được hỗ trợ của ứng dụng.
- Giảm lỗi do các chức năng WebAuthn không được hỗ trợ gây ra.
Bằng cách sử dụng getClientCapabilites()
, bạn có thể tự tin tạo ra trải nghiệm xác thực hoạt động trên nhiều thiết bị và trình duyệt.
Bắt đầu khám phá
Nếu đã sẵn sàng tìm hiểu, bạn có thể xem bài viết Phát hiện tính năng WebAuthn đơn giản hơn bằng getClientCapabilities()
để biết danh sách đầy đủ các tính năng, hướng dẫn chi tiết và một số phương pháp hay nhất.
Để tìm hiểu thêm về khoá truy cập và tính năng đăng nhập không cần mật khẩu, hãy truy cập vào trang Khoá truy cập trên Chrome