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