# iOS 11 新特性 - App密码自动填充实现

By [Whalefall](https://paragraph.com/@whalefall) · 2021-12-31

---

iOS 11 新特性 - App密码自动填充实现
------------------------

在WWDC17上，苹果发布了iOS11，其中带来了App密码自动填充的这一新的API。这一功能的实现能够让用户更方便的管理密码，更容易在我们的应用上登录。

WWDC17相关视频地址：[Introducing Password AutoFill for Apps](https://developer.apple.com/videos/play/wwdc2017/206/)

\*\*注意：\*\*要实现此功能，我们的网站需支持Https协议。

效果图
---

GitHub:[Autofill-Demo](https://github.com/XaoflySho/Autofill-Demo)

Demo App密码自动填充.jpeg

当需要用户填充用户名和密码时，在键盘的QuickType Bar（快速输入条）会给出候选的用户名与密码。

App的设置
------

1.  **设置 TextField 的 ContentType**
    

在iOS11中，TextContentType新增加了`Username`、`Password`类型，我们只需要将相应的TextField设置为对应的ContentType即可。

TextContentType

XIB中设置ContentType

这时候，用户已经可以在输入用户名与密码时，通过点击QuickType bar右侧的钥匙串按钮，在所有的保存的密码中选择要输入的用户名和密码了。

Demo

但是，这样还不是很方便，如果用户保存的密码很多，需要在列表中查找也并不很方便。我们需要在QuickType的候选区列出用户曾经在我们的网站保存过的密码，就像效果图那样。

1.  **设置Associated Domains**
    

设置 Associated Domains

webcredentials后填写我们网站的Domain，即我们要关联的域名。

登录[Apple开发者](https://developer.apple.com/account/)网站，

Apple开发者

Apple开发者

Apple开发者

确认**Associated Domains**已经启用。同时，我们要记录一下当前应用的**Prefix**，后面会用到。

网站的设置
-----

新建文件，内容如下：

    {
        "webcredentials":{
            "apps":["${Prefix}.com.zlucy.Autofill-Demo"] //${Prefix}处填写我们上面记录下来的Prefix，后加上需关联的应用的 Bundle ID
        }
    }
    

保存文件，命名为`apple-app-site-association`。

我们需要在我们要关联的网站上添加这个文件，路径如下：

    https://Domain.com/apple-app-site-association
    

网站设置完成。

再次运行我们的App，App会在启动时访问如上的地址进行验证，验证通过后，就可以看到如效果图一样的功能了。

验证时可能会出现错误：

    Request for 'https://wrong.example.com/apple-app-site-association' denied: 404/0x194 Not Found
    

我们可以通过浏览器访问上面的地址，检查此文件是否可以正常访问。

---

*Originally published on [Whalefall](https://paragraph.com/@whalefall/ios-11-app)*