WWDC18 iOS 自動生成強密碼和自動填充驗證碼/密碼
概述
本文將介紹WWDC18 Automatic Strong Passwords and Security Code Autofill和WWDC17 Introducing Password AutoFill for Apps中提到的幾個功能: 密碼自動填充/自動生成的強密碼/驗證碼自動填充等.
如果需要更好的實現此功能,網站需要
支援HTTPS,開發Demo可以用GitHub Pages.
在iOS11中,Apple已經做了啟發式功能,可以讓開發者在無感知的情況下,支援密碼的快速填充,但是為了更好的使用者體驗和降低未來版本中可能出現的bug,建議對不同的功能做一些額外的步驟配置. 預設效果是這樣的,QuickType Bar上沒有關聯域的賬戶密碼可選
預設支援的效果
功能一: iOS11密碼自動填充功能,賬戶密碼在QuickBar中自動顯示;iOS12自動儲存密碼到iCloud鑰匙串
Infer login scenario
Check eligibility based on associated domains Find user name and password fields
Detect sign-in action
Prompt to save or update password
效果圖
密碼自動填充
工作原理
- iOS會自動推斷登入場景
- 檢查關聯的域是否有效合格,從iCloud 鑰匙串中篩選出符合的賬戶和密碼顯示在QuickType Bar
- 根據設定輸入框的textContentType類別,找到使用者名稱和密碼輸入框,在使用者點選QuickType Bar上的賬戶密碼是填充到對應位置
- 檢測登入操作,在登入頁面要從檢視層次結構中移除的時候,提示是否儲存/更新賬戶密碼
開發人員需要配置的步驟
Associated Domains
設定UITextField的textContentType為對應型別
1.在蘋果開發者後臺開啟APP的Associated Domains服務
蘋果開發者後臺APP配置
2.記錄Prefix和app的BundleID,生成apple-app-site-association檔案,放到關聯域網站伺服器的.well-known目錄下面或者根目錄下 . 注意:
{
"webcredentials":{
"apps":["XW5558TH45.com.beike.testapp"]
}
}
網站設定:檔案放到關聯域的伺服器
官方示例存放目錄:
官方示例檔案存放
3.Xcode中專案配置,開啟Domains,點選"+"新增一項, webcredentials:後面的"coderxllau.github.io"改為自己關聯的域,例如webcredentials:www.baidu.com等
Xcode中專案配置
4.Xcode中除了開啟並關聯域,還需要更改輸入框textContentType為指定類別
iOS 11和iOS 12中分別新增了新的Type.
UIKIT_EXTERN UITextContentType const UITextContentTypeUsername NS_AVAILABLE_IOS(11_0);
UIKIT_EXTERN UITextContentType const UITextContentTypePassword NS_AVAILABLE_IOS(11_0);
UIKIT_EXTERN UITextContentType const UITextContentTypeNewPassword NS_AVAILABLE_IOS(12_0);
UIKIT_EXTERN UITextContentType const UITextContentTypeOneTimeCode NS_AVAILABLE_IOS(12_0);
self.userNameField.textContentType = UITextContentTypeUsername;
self.passwordField.textContentType = UITextContentTypePassword;
功能二: iOS12 自動生成建議的使用者和強密碼
效果圖
自動生成強密碼
工作原理/設定步驟
和功能一Password Autofill基本一樣,不同的地方是在iOS 12中新增UITextContentTypeNewPassword,用這個欄位標記新密碼輸入框即可在使用者點選的時候自動生成強密碼填充
self.nameField.textContentType = UITextContentTypeUsername;
if (@available(iOS 12.0, *)) {
self.passwordField.textContentType = UITextContentTypeNewPassword;
self.passwordField.passwordRules = [UITextInputPasswordRules passwordRulesWithDescriptor:@"required: lower; required: upper; allowe: digit; required: [-]; minlength: 5;"];
} else {
self.passwordField.textContentType = UITextContentTypePassword;
}
image.png
密碼的格式
自動生成的密碼,我們可以通過一些方法指定生成的密碼格式和規則. 可以在官方提供的密碼格式工具Password Rules Validation Tool
上面除錯自己的密碼格式,將生成的密碼格式描述複製下來,設定給UITextField的passwordRules屬性.
if (@available(iOS 12.0, *)) {
self.passwordField.textContentType = UITextContentTypeNewPassword;
self.passwordField.passwordRules = [UITextInputPasswordRules passwordRulesWithDescriptor:@"required: lower; required: upper; allowe: digit; required: [-]; minlength: 5;"];
}
密碼生成格式規則
IB中設定密碼生成格式
功能三: iOS12 自動填充驗證碼
效果圖 , 從簡訊中獲取到驗證碼後自動顯示到QuickType Bar上
驗證碼自動識別
工作原理
在輸入框成慰第一響應者的時候,使用資料檢測器啟發式來推斷傳入訊息攜帶安全程式碼,把檢測到驗證碼顯示到QuickType Bar上,省去使用者的操作成本
缺陷:在demo中可以看到,自如發來的驗證碼也可以被demo獲取,對於驗證碼來源沒有做到很好的隔離
開發步驟:
開發步驟和功能一基本一致,在完成功能一的基礎上面,設定輸入框的輸入類別為UITextContentTypeOneTimeCode即可.
注意點
- 您應避免在檢視層次結構中構建定製鍵盤UI，或在控制元件中設定自定義輸入檢視。因為如果您這樣做，則會阻止iOS顯示必要的UI或注入相應的事件以代表您的使用者鍵入程式碼。
- 關聯的網站要支援HTTPS
- 標記textContentType的輸入框獨立開,不要用一個輸入框標記兩個類別
- 驗證碼來源沒有做到很好的隔離
參考資料
WWDC18 Automatic Strong Passwords and Security Code Autofill
WWDC17 Introducing Password AutoFill for Apps;
作者：shannoon
連結：https://www.jianshu.com/p/7e812c43b08f
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯絡作者獲得授權並註明出處。