iOS Password AutoFill

級別：★☆☆☆☆
標籤：「iOS」「Password AutoFill」
做者： WYW
審校： QiShare團隊

---

前言：Password AutoFill
是iOS11及以後蘋果官方推出的新功能，可用於註冊的時候自動生成密碼，登陸成功以後保存賬號、密碼，相關賬號密碼會保存在iCloud的KeyChain中，下次登陸的時候，能夠填充已存儲的賬號密碼，能夠自動填充短信驗證碼。 能夠簡化使用App 和 網頁登陸和啓動流程。原生端的UITextField和UITextView均可以作相關配置。咱們在Safari瀏覽器中登陸成功後保存的密碼，在App中，也能夠自動填充賬號密碼。

1、Password AutoFill準備工做

項目配置

Xcode配置

TARGETS -> Signing & Capabilities -> Associated Domains：添加如：webcredentials:你的域名

服務端配置

在服務端這個路徑下添加apple-app-site-association的文件，文件內容爲以下json內容。

{ 
    "webcredentials": { 
    	"apps": ["teamID.bundleID"]  
	} 
}
複製代碼

檢驗方式

簡單校驗方式：訪問 https://你的域名/.well-known/apple-app-site-association 能夠訪問到相應文件。

2、註冊提示、填充強密碼

UITextField或UITextView 配置用戶名、密碼文本內容類型。

若是咱們想要用戶在註冊的時候，給用戶一個自動生成密碼的選擇。可使用 passwordTextField.textContentType = UITextContentTypeNewPassword; 指定自動填充密碼。

效果圖

代碼

accountTextField.textContentType = UITextContentTypeUsername;
accountTextField.keyboardType = UIKeyboardTypeEmailAddress;

passwordTextField.textContentType = UITextContentTypeNewPassword;
passwordTextField.secureTextEntry = YES;
複製代碼

UITextContentTypeUsername 及 UITextContentTypeNewPassword 適用於系統版本大於等於 iOS11的設備。

UIKIT_EXTERN UITextContentType const UITextContentTypeUsername                  API_AVAILABLE(ios(11.0));
UIKIT_EXTERN UITextContentType const UITextContentTypePassword                  API_AVAILABLE(ios(11.0));
複製代碼

咱們能夠對密碼填充規則有咱們本身的規則，可使用 UITextInputPasswordRules 配置密碼填充規則。

// 配置密碼規則
passwordTextField.passwordRules = [UITextInputPasswordRules passwordRulesWithDescriptor:@"required: lower; required: upper; required: digit; required: [-]; required: [&]; required: [+]; minlength: 20;"];
複製代碼

上述密碼輸入框的密碼填充規則爲，生成的密碼須要知足含小寫、大寫字母，數字、 -、&、+的條件，且最小長度爲20位。更多相關內容可查看密碼驗證工具。

UITextInputPasswordRules 適用於系統版本大於等於 iOS12的設備。

UIKIT_EXTERN API_AVAILABLE(ios(12.0)) @interface UITextInputPasswordRules : NSObject <NSSecureCoding, NSCopying>
複製代碼

遇到問題

問題1：iCloud Keychain is disabled

[AutoFill] Cannot show Automatic Strong Passwords for app bundleID: bundleID內容 due to error: iCloud Keychain is disabled

上述報錯是由於iCloud 的 Keychain沒有打開。

處理方式爲：設置 iCloud 鑰匙串 設置 -> 點擊名字 -> 點擊iCloud -> 點擊鑰匙串 -> 打開。

3、登陸提示、填充已存儲賬號密碼

當咱們想要保存賬號、密碼的時候須要配置。賬號、密碼輸入框相應的textContentType。

效果圖

鍵盤上方的QuickTypeBar 顯示小鑰匙

顯示已經存儲過的賬號密碼

登陸成功後系統自動存儲密碼

修改已存登陸賬號密碼

代碼

accountTextField.textContentType = UITextContentTypeUsername;
accountTextField.keyboardType = UIKeyboardTypeEmailAddress;

passwordTextField.textContentType = UITextContentTypePassword;
passwordTextField.secureTextEntry = YES;
複製代碼

UITextContentTypeUsername、UITextContentTypePassword 適用於系統版本大於等於 iOS11的設備。

UIKIT_EXTERN UITextContentType const UITextContentTypeUsername                  API_AVAILABLE(ios(11.0));
UIKIT_EXTERN UITextContentType const UITextContentTypePassword                  API_AVAILABLE(ios(11.0));
複製代碼

配置瞭如上代碼後，就會在點擊密碼輸入框的時候，顯示鑰匙圖標，點擊要是圖標後，就會顯示出已存儲的賬號密碼。而且，只要移除本身的登陸頁面的時候，系統就會自動彈出存儲或修改賬號密碼的彈框。

遇到問題

問題1：不顯示密碼填充的小鑰匙。

解決方法：開啓自動填充密碼：設置 -> 密碼與賬戶 -> 打開自動填充密碼

問題2：登陸成功後，沒有顯示存儲密碼，修改密碼系統彈框。

解決辦法：目前筆者在iOS13.0 的iPhone6s的設備上測試發現彈框顯示與否和 accountTextField.keyboardType = UIKeyboardTypeEmailAddress; 有關，你們若是遇到登陸成功後，沒有顯示存儲密碼彈框的問題，能夠設置須要的keyboardText的類型試試看。

4、修改密碼

修改密碼的時候也可使用，自動填充驗證的短信（點擊鍵盤上的Quick TypeBar，驗證碼自動填充如輸入框），及要使用的自動生成的密碼。

效果圖

鍵盤上方的QuickTypeBar顯示當前收到的短信

代碼

accountTextField.textContentType = UITextContentTypeUsername;
passwordTextField.textContentType = UITextContentTypeNewPassword;
smsCodeTextField.textContentType = UITextContentTypeOneTimeCode;
複製代碼

UITextContentTypeNewPassword、UITextContentTypeOneTimeCode 適用於系統版本大於等於 iOS12的設備。

UIKIT_EXTERN UITextContentType const UITextContentTypeNewPassword               API_AVAILABLE(ios(12.0));
UIKIT_EXTERN UITextContentType const UITextContentTypeOneTimeCode               API_AVAILABLE(ios(12.0));
複製代碼

5、其餘

添加賬號密碼

設置 -> 密碼與賬戶 -> 網站與App密碼 ： 添加賬號密碼

根據網站、用戶名、密碼添加新的賬號密碼。

添加完畢後，在自動填充密碼的登陸頁面，可供選擇填充新增的用戶名密碼。

關於WebView相關的內容

關於WebView相關的內容，敬請查看 Enabling Password AutoFill on an HTML Input Element

和ASPasswordCredential的受權方法有關聯

之前作蘋果登陸Sign In With Apple（一） ，登陸成功的時候會調用以下受權成功的方法。

其中，咱們的自動填充密碼，填充成功後，會調用到以下方法的ASPasswordCredential類型分支部分。

- (void)authorizationController:(ASAuthorizationController *)controller didCompleteWithAuthorization:(ASAuthorization *)authorization  API_AVAILABLE(ios(13.0)) {
    
    if ([authorization.credential isKindOfClass:[ASPasswordCredential class]]) {
        
        // 存儲過賬號密碼的狀況，受權登陸的時候會調用這裏
        
    }
}
複製代碼

6、Demo

示例代碼見：QiPasswordAutoFill

參考學習資料

• Password AutoFill
• Password Rules Validation Tool
• AutoPassword-iOS12-Demo
• iOS12 - Password AutoFill, Automatic Strong Password, and Security Code AutoFill
• iOS 12 Password Tools: Improving User Security and Experience
• iOS 11 ---- Password Auto Fill

---

瞭解更多iOS及相關新技術，請關注咱們的公衆號：

小編微信：可加並拉入《QiShare技術交流羣》。

關注咱們的途徑有：
QiShare(簡書)
QiShare(掘金)
QiShare(知乎)
QiShare(GitHub)
QiShare(CocoaChina)
QiShare(StackOverflow)
QiShare(微信公衆號)

推薦文章：
iOS 給UILabel添加點擊事件
用SwiftUI給視圖添加動畫
用SwiftUI寫一個簡單頁面
Swift 5.1 (7) - 閉包
iOS App啓動優化（三）—— 本身作一個工具監控App的啓動耗時
iOS App啓動優化（二）—— 使用「Time Profiler」工具監控App的啓動耗時
iOS App啓動優化（一）—— 瞭解App的啓動流程
奇舞週刊