将谷歌智能锁添加到网站中

Question

谷歌智能锁（Google Smart Lock）在网站上的应用

我刚访问了Pinterest，并发现这个网站有一个很酷的功能。当我访问该网站时，Chrome可以“看到”我的账户信息。而不是被动等待，它主动地通知我：你在这里有一个账户，是否要一键登录？ 是/否

https://support.google.com/accounts/answer/6160273?hl=zh-Hans

问题：我看到很多应用程序的Json代码示例。但我们如何在用户已存储用户名/密码的网站上主动添加此功能？

谢谢，Sean

- snh_nl

Answer 1

以下是一篇介绍如何将智能锁登录添加到您的网站的文章：https://developers.google.com/web/updates/2016/04/credential-management-api

基本上，只需在（https）网站上添加以下代码即可实现此功能（您可以在JavaScript控制台中尝试）：

navigator.credentials.get({  
  password: true, // `true` to obtain password credentials  
}).then(function(cred) {  
  // continuation which submits the credential and signs the user in 
  ... 

这是一个完整的示例网站：https://credential-management-sample.appspot.com/

一旦用户使用了这个凭据或者你已经用navigator.credentials.store()保存了它，那么在将来，它可以自动检索（无需用户点击）。

要了解更多信息，请查看Google I/O的这场演讲（凭证管理API的详细信息从大约8分钟处开始）。

- Steven

---

用户还可以通过表单利用先前存储的凭据。同样，您也可以在Android应用程序中使用相同的共享密码管理器来执行类似的操作。智能密码锁就是这样一个工具。 - agektmr