仅将 Google 智能锁添加到网站答案

【问题标题】：Adding Google smart lock to a website only仅将 Google 智能锁添加到网站
【发布时间】：2016-09-16 09:28:50
【问题描述】：

网站上的 Google Smart Lock

我刚刚访问了 Pinterest，它有一个很酷的功能。不知何故，当我访问该网站时，Chrome 可以“看到”我有一个帐户。而不是被动等待它主动通知我：你在这里有一个帐户：你想一键登录吗？是/否

https://support.google.com/accounts/answer/6160273?hl=en

问题：我看到很多应用程序的 json 代码示例。但是，我们如何主动将其添加到用户存储了 unname/passwd 的网站？

谢谢，肖恩

【问题讨论】：

标签： google-smartlockpasswords

【解决方案1】：

这是一篇描述如何将 Smart Lock 登录添加到您的网站的文章：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 的this talk（有关凭据管理 API 的详细信息从大约 8 分钟开始）。

【讨论】：

用户还可以通过表单利用以前存储的凭据。此外，您可以使用相同的共享密码管理器在 Android 应用程序上执行类似的操作。密码的智能锁。