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

Question

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

我最近一直在试图实现Web Credential Management 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 
});