通过Web凭证API通过JavaScript对象存储凭证

Question

我目前正在使用一个使用AngularJS的应用程序，所有来回传递的数据都在JavaScript对象中。

我最近一直在尝试实现Web凭证管理API来通过JSON存储凭证。尽管如此，我可能找到的所有文档似乎都建议您通过JavaScript获取表单，并将表单中的任何数据传递给Google Chrome，以便能够存储凭据。Angular的情况并非如此，因为所有表单数据都存在于范围中，但可以通过JavaScript作为模型上的对象进行访问。文档中的当前解决方案如下：

var form = document.querySelector('#form');
var cred = new PasswordCredential(form);
// Store it
navigator.credentials.store(cred)
.then(function() {
// continuation
});

来源：https://developers.google.com/web/updates/2016/04/credential-management-api

有没有人有机会通过JavaScript通过对象传递密码和用户名？

更多来源：

• https://w3c.github.io/webappsec-credential-management/#introduction
• https://developer.mozilla.org/en-US/docs/Web/API/Credential_Management_API

非常感谢！

Answer 1

您可以通过从对象启动PasswordCredential来实现这一点。请参阅此文档：https://developers.google.com/web/fundamentals/security/credential-management/store-credentials#store_username_and_password_details

var c = new PasswordCredential({  
  id:       id,  
  password: password,  
  name:     name,  
  iconrURL: iconUrl  
});  
navigator.credentials.store(c)  
.then(function() {  
  // done  
});