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