Xuất bản: Ngày 15 tháng 7 năm 2026
Mặc dù khoá truy cập rất dễ triển khai, nhưng các chức năng và phương pháp hay nhất vẫn tiếp tục phát triển. Bạn cần thời gian để tìm hiểu lý do cần có các yêu cầu này và cách sử dụng chúng. Để đơn giản hoá quy trình này, nhóm Chrome giới thiệu các kỹ năng về khoá truy cập theo Hướng dẫn về web hiện đại để giúp bạn và các tác nhân của bạn xây dựng trải nghiệm đăng nhập hiện đại, an toàn bằng khoá truy cập.
Tại sao nên sử dụng các kỹ năng về khoá truy cập?
Modern Web Guidance là một bộ kỹ năng được thiết kế để hướng dẫn các tác nhân lập trình AI, chẳng hạn như Anti Gravity hoặc Claude Code. Với các kỹ năng về khoá truy cập, bạn có thể triển khai quy trình đăng ký, xác thực, quản lý và xác thực lại bằng các API mới nhất và các phương pháp hay nhất. Tác nhân lập trình tự động tạo quá trình triển khai cho cả giao diện người dùng và logic phụ trợ.
Một đánh giá cho thấy rằng việc triển khai bằng cách sử dụng các kỹ năng khoá truy cập sẽ hiệu quả hơn so với việc triển khai không sử dụng các kỹ năng này trên Claude Code Opus 4.8. Quy trình đánh giá này sử dụng ứng dụng minh hoạ và lời nhắc được mô tả trong tài liệu này.
| Không có kỹ năng về khoá truy cập | Có kỹ năng khoá truy cập | |
|---|---|---|
| THÔNG QUA | 47 | 80 |
| KHÔNG THÀNH CÔNG | 32 | 0 |
| Không áp dụng | 12 | 11 |
| Tổng | 91 | 91 |
Điểm khác biệt dễ thấy nhất là màn hình quản lý khoá truy cập. Màn hình này hiển thị danh sách khoá truy cập đã tạo dựa trên danh sách nhà cung cấp khoá truy cập do cộng đồng tuyển chọn, tuân theo các phương pháp hay nhất để quản lý khoá truy cập.
Các kỹ năng về khoá truy cập cũng giúp tác nhân lập trình của bạn có những khả năng mạnh mẽ nhưng ít được chú ý hơn:
getClientCapabilities: Thực hiện tính năng phát hiện hiện đại.- Chuyển đổi tuần tự JSON: Chuyển đổi tuần tự tải trọng được mã hoá bằng một lệnh gọi JavaScript.
- Xử lý lỗi: Hiển thị thông báo hoặc loại bỏ tuỳ thuộc vào loại lỗi.
- Hoạt động hoà giải có điều kiện: Cho phép người dùng đăng nhập trực tiếp từ các đề xuất tự động điền của trình duyệt.
- Signal API: Duy trì tính nhất quán giữa danh sách thông tin xác thực của nhà cung cấp và máy chủ của bạn.
- Tạo có điều kiện: Tự động tạo khoá truy cập cho những người dùng đã đăng nhập gần đây bằng mật khẩu.
Bước 1: Sao chép kho lưu trữ bản minh hoạ
Hãy thử các kỹ năng liên quan đến khoá truy cập bằng dự án bản minh hoạ kỹ năng liên quan đến khoá truy cập. Sao chép kho lưu trữ:
git clone git@github.com:GoogleChromeLabs/passkey-skills-demo.git
Bước 2: Cài đặt Hướng dẫn về web hiện đại
Chạy trình hướng dẫn thiết lập tương tác trong thư mục dự án để cài đặt Hướng dẫn về web hiện đại:
npx modern-web-guidance@latest install
Trình hướng dẫn này sẽ thêm các tệp cần thiết vào bố cục dự án, giúp tác nhân AI hiểu được các yêu cầu về khoá truy cập.
Bước 3: Sử dụng câu lệnh
Sau khi cài đặt, hãy sử dụng các câu lệnh này để tạo các tính năng. Những ví dụ này bao gồm 4 trường hợp sử dụng mà kỹ năng khoá truy cập đề cập đến và được thiết kế riêng cho dự án hộp cát.
Đăng ký
Cho phép người dùng đăng ký khoá truy cập cho tài khoản của họ. Để triển khai, hãy thử câu lệnh sau:
Implement passkey registration at /settings page under start directory
Ví dụ về việc thực thi tác nhân: Tác nhân tự động tạo hoặc sửa đổi giao diện người dùng và logic phụ trợ để đăng ký một khoá truy cập mới.
Xác thực
Cho phép người dùng cũ đăng nhập nhanh bằng thông tin đăng nhập có thể phát hiện, thông qua các trình kích hoạt nút rõ ràng hoặc các đề xuất tự động điền của trình duyệt. Để triển khai, hãy thử câu lệnh sau:
Implement passkey authentication at the top page under start directory
Ví dụ về việc thực thi tác nhân: Tác nhân tự động xử lý vòng lặp đăng nhập và xác minh trên trang đích chính hoặc tuyến đăng nhập.
Quản lý
Cho phép người dùng xem, đổi tên và xoá khoá truy cập đã đăng ký trong khi vẫn đồng bộ hoá thông tin đăng nhập giữa máy chủ và trình quản lý mật khẩu của trình duyệt. Để triển khai, hãy thử câu lệnh sau:
Implement passkey management at /settings page under start directory
Ví dụ về việc thực thi tác nhân: Tác nhân tạo ra các lựa chọn có cấu trúc để người dùng xem, thêm hoặc thu hồi khoá truy cập hiện có.
Xác thực lại
Xác minh danh tính của người dùng đã đăng nhập bằng khoá truy cập hiện có của họ trước khi cho phép các hành động nhạy cảm như thay đổi bảo mật hoặc chuyển tiền. Để triển khai, hãy thử câu lệnh sau:
Implement passkey reauthentication at /reauth under start directory
Ví dụ về việc thực thi tác nhân: Tác nhân thiết lập tính năng tăng cường bảo mật cho các hành động nhạy cảm của người dùng.
/modern-web-guidance
Hoặc lệnh sau đây cho Codex:
$modern-web-guidance
Tham khảo tài liệu của tác nhân hoặc hỏi tác nhân cách trực tiếp gọi kỹ năng modern-web-guidance nếu bạn không chắc chắn.
Tích hợp phía máy chủ
Mặc dù các tác nhân lập trình có thể tạo mã khoá truy cập phía máy chủ, nhưng có thể họ không sử dụng các phiên bản thư viện mới nhất. Kho lưu trữ bản minh hoạ về các kỹ năng liên quan đến khoá truy cập bao gồm kỹ năng simplewebauthn. Đây là một kỹ năng dành cho thư viện phía máy chủ được đề xuất cho JavaScript và TypeScript – SimpleWebAuthn.
Kỹ năng này bổ sung cho hành vi của tác nhân lập trình.
Đối với các ngôn ngữ lập trình phía máy chủ khác, bạn nên tích hợp khoá truy cập với một khoá truy cập, FIDO2 hoặc thư viện WebAuthn dành riêng cho ngôn ngữ, cùng với kỹ năng sử dụng các API mới nhất của khoá truy cập. Tác giả thư viện tự viết các kỹ năng của riêng họ để tác nhân lập trình luôn có thể sử dụng các API mới nhất.
Tuyên bố từ chối trách nhiệm và ý kiến phản hồi
Modern Web Guidance và các kỹ năng về khoá truy cập đang ở chế độ xem trước. Những kỹ năng này được phát triển và kiểm thử bằng dự án bản minh hoạ kỹ năng khoá truy cập với các tác nhân như Antigravity và Claude Code. Mặc dù đã được kiểm thử trên các cơ sở mã khác, nhưng các kỹ năng này có thể cần được điều chỉnh ngoài các câu lệnh ví dụ được cung cấp. Xem lại mã được tạo để đảm bảo mã đó đáp ứng mong đợi của bạn và cung cấp thêm câu lệnh nếu cần.
Nhóm Chrome sẽ cập nhật những kỹ năng này và bổ sung các tính năng xác thực và nhận dạng khác vào Hướng dẫn về web hiện đại theo thời gian. Nếu bạn có ý kiến phản hồi hoặc yêu cầu về tính năng, hãy gửi cho kho lưu trữ modern-web-guidance-src.
Hãy dùng thử ngay hôm nay để đơn giản hoá việc áp dụng khoá truy cập.