身分
探索網路上的身分識別功能,並深入瞭解進階驗證系統!您可以在這裡找到相關資源,瞭解如何使用新型 API 建構穩固的系統,同時為登入、註冊及登出帳戶打造便利的使用體驗。瀏覽文章、課程和真實成功案例。
驗證基本概念
瞭解如何利用跨平台瀏覽器功能 (例如密碼管理和表單驗證),建立安全、無障礙且易於使用的登入和註冊表單。
程式碼研究室
第一次使用 HTML 表單嗎?
精通 HTML 表單,提升網頁程式開發人員的專業知識!瞭解表單課程會將 HTML 表單分解為易於理解的部分,並引導您操作表單元素、設定表單樣式、協助使用者重新輸入資料、確保表單可供存取且安全無虞,以及測試表單等。
密碼金鑰
密碼金鑰可取代密碼,登入變得更簡單更安全。使用者只要解鎖裝置螢幕,就能登入帳戶。進一步瞭解密碼金鑰,以及如何在網頁應用程式中實作密碼金鑰。
在網頁應用程式中新增密碼金鑰
伺服器端指南
與密碼管理工具相容
整合密碼管理工具,在各個網站和應用程式之間進行順暢的登入操作,並自動更新密碼,協助使用者維護使用者的安全。
自動填入
瀏覽器可讓使用者更快速輸入表單參數,不需要重新輸入。本單元將說明自動填入功能的運作方式,以及如何透過 `autocomplete` 和其他元素屬性,確保瀏覽器提供適當的自動填入選項。
輕鬆變更密碼
設定 /.well-known/change-password 以重新導向至變更密碼頁面,以便密碼管理員直接引導使用者前往該頁面。
連結網站和應用程式,以便流暢共用憑證
如果網站 (和應用程式!) 共用單一登入服務,則需使用 Digital Asset Links,確保密碼管理工具知道使用的是同一個帳戶。
簡化簡訊雙重驗證的使用者體驗
簡訊動態密碼表單最佳做法
瞭解如何有效導入簡訊 OTP 表單,以便進行雙重驗證。本文提供跨瀏覽器最佳做法使用 WebOTP API 和 HTML 表單元素,提供流暢的使用者體驗。
使用 WebOTP API 驗證網路上的電話號碼
瞭解如何透過程式輔助方式從簡訊中取得動態密碼,改善電話號碼驗證的使用者體驗。
使用 WebOTP API 在電腦上驗證電話號碼
WebOTP 可協助使用者在行動網站上輕觸一次輸入電話號碼驗證碼。電腦版也適用這項功能。
身分識別聯盟
身分聯盟會將個人 (使用者或實體) 的驗證或授權委派給信任的外部方 (識別資訊提供者或 IdP)。
瞭解 Google 的聯合作業
個案研究
Yahoo! JAPAN 的無密碼驗證機制減少了 25% 查詢,登入時間縮短了 2.6 倍
瞭解 Yahoo!JAPAN 從密碼式驗證改為無密碼驗證。
使用 WebOTP 時,Goibibo 在註冊時拒絕了 25% 的動態密碼
安全驗證機制是印度的一大挑戰,因此 Goibibo 運用 WebOTP API 降低 PWA 的登入阻礙。