翻译-iOS11用户名密码自动填充登录功能

来源:https://medium.com/@abhimuralidharan/password-autofill-for-ios-apps-for-faster-login-ios-11-1d9f77deb35a

您可能已经看到chrome和safari之类的计算机浏览器提供了密码建议和自动填充密码。这对我来说真的是救星。我们不必记住每个网站的密码。自动iOS11引入了自动填充密码(查看WWDC视频)。所有遵守UITextInput协议的可以使用这个特征,例如UITextField,UITextView.

WWDC视频iOS 11:介绍app自动填充密码

WWDC视频iOS 12: 自动强密码和安全代码自动填充

用户数据保存在用户设备上以及会同步到云钥匙串,并且在使用相同云的用户其他设备上可用。

苹果是没有权限访问存贮在钥匙串的证书,因此用户隐私是被保护的。

如何启用自动填充

正如以上提到的UITextField或UITextView遵守UITextInput协议。UITextInput遵守UIKeyInput和UIKeyInput并遵守UITextInputTraits协议。UITextInputTraits有一个可选变量textContentType,它为键盘提供关于文本文档语义的额外信息。

0.jpg

直到iOS 11,我们可以看下以下textContentTypes是可用的:

extensionUITextContentType{

@available(iOS10.0,*)

publicstaticletname:UITextContentType

@available(iOS10.0,*)

publicstaticletnamePrefix:UITextContentType

@available(iOS10.0,*)

publicstaticletgivenName:UITextContentType

@available(iOS10.0,*)

publicstaticletmiddleName:UITextContentType

@available(iOS10.0,*)

publicstaticletfamilyName:UITextContentType

@available(iOS10.0,*)

publicstaticletnameSuffix:UITextContentType

@available(iOS10.0,*)

publicstaticletnickname:UITextContentType

@available(iOS10.0,*)

publicstaticletjobTitle:UITextContentType

@available(iOS10.0,*)

publicstaticletorganizationName:UITextContentType

@available(iOS10.0,*)

publicstaticletlocation:UITextContentType

@available(iOS10.0,*)

publicstaticletfullStreetAddress:UITextContentType

@available(iOS10.0,*)

publicstaticletstreetAddressLine1:UITextContentType

@available(iOS10.0,*)

publicstaticletstreetAddressLine2:UITextContentType

@available(iOS10.0,*)

publicstaticletaddressCity:UITextContentType

@available(iOS10.0,*)

publicstaticletaddressState:UITextContentType

@available(iOS10.0,*)

publicstaticletaddressCityAndState:UITextContentType

@available(iOS10.0,*)

publicstaticletsublocality:UITextContentType

@available(iOS10.0,*)

publicstaticletcountryName:UITextContentType

@available(iOS10.0,*)

publicstaticletpostalCode:UITextContentType

@available(iOS10.0,*)

publicstaticlettelephoneNumber:UITextContentType

@available(iOS10.0,*)

publicstaticletemailAddress:UITextContentType

@available(iOS10.0,*)

publicstaticletURL:UITextContentType

@available(iOS10.0,*)

publicstaticletcreditCardNumber:UITextContentType

@available(iOS11.0,*)

publicstaticletusername:UITextContentType

@available(iOS11.0,*)

publicstaticletpassword:UITextContentType

@available(iOS12.0,*)

publicstaticletnewPassword:UITextContentType

@available(iOS12.0,*)

publicstaticletoneTimeCode:UITextContentType

}

最后两个textContectTypes,username和password是在iOS 11时添加的。

为textField设置textContentType如下。

usernameTF.textContentType = .username

passwordTF.textContentType = .password

你也可以从xcode故事版设置。在属性检查器,在UITextInputTraits行:


1.jpg

编译运行应用。点击输入框你将会看到在键盘边上有一个钥匙icon。这个工具栏是很快速被唤起。


2.jpg

点击这个钥匙按钮,它将会请求验证。如果设备有TouchID,它将会请求touchID验证。

重要提示:当验证屏幕提示时,应用进入非活动状态。当应用变成非活动状态时,你不应该关闭登录或者带有输入框的屏幕。这是通常的工作方式。

验证之后,系统将会展示一个保存过密码的列表,从中选择一个你认为适合这个应用的密码。根据textContentType类型,将会自动填充到对应的输入框中。

就是这样!

应用能否准确的预测密码而不是让用户从列表选择吗?

是的!如果你是苹果系统用户,你可以看到像这样:


3.jpg

之前系统被保存的密码列表保存在钥匙串中,它不知道使用域名关联到应用。为解决这个问题,我们可以在Xcode项目设置中关联域名。

在Xcode项目settings-->Capabilites-->Associated Domains,添加你的网站域名。这个域名的前缀需要是关键字webcredentials:因为我们正在使用webcredentials服务并且很重要。例如:webcredentials:facebook.com

如下这样:

4.jpg

这就是我们需要做的告诉iOS这个应用被关联到一个网站。现在我们需要网站同意并指向这个应用,这样iOS才能建立双向连接。

查看我另外一篇文章iOS常用连接会解释如何设置AASA文件。就不在这里解释了。标记普通连接只需使用applinks:前缀代替webcredentials:前缀为分享网站证书。

AASA文件内容会看起来如下:

source:wwdc 2017 session 206

可以看到这个json文件使用app标识字符串数组的key为“apps”

appID是基本是由teamID加上(.)字符以及应用的bundle ID组成。

这个json文件应该被放在.well-known文件夹或者你网站的主文件夹下。.well-know文件夹是最好的。

5.jpg

注意:当你测试时,确保使用真机。关联域名是仅设备特征。

编译运行应用。如果一切正常并分享网站证书有一些数据指向你的域名,它将会在键盘的快速输入栏中展示出来。

如果没有展示,可能是因为你的AASA文件不被允许访问iOS系统。详细查看WWDC视频

如何添加/删除/更改密码?

当然在iOS11中,这些特征被添加到设备的设置中。


click on Accounts & passwords and authenticate


Add/delete/modify the passowrd here.

如何在iOS12以上自动填充一次性的安全码或者一次性可编程?


6.jpg

工作方式和用户名和密码相同。你需要改变输入框的textContentType为.oneTimeCode.

myOTPTextField.textContentType = .oneTimeCode

iOS支持密码填充在UITextField、UITextView,和其他遵守UITextInput协议的自定义视图。

备注:如果你将一个自定义视图用于安全码输入框,iOS无法展示必要的自动填充UI。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,386评论 6 479
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,939评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,851评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,953评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,971评论 5 369
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,784评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,126评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,765评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,148评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,744评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,858评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,479评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,080评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,053评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,278评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,245评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,590评论 2 343