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