通过Web Credential 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  
});