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的启动流程
奇舞周刊