Web資格情報APIを使用したJavaScriptオブジェクトによる資格情報の保存？

Question

私は現在、AngularJSを使用するアプリケーションで作業しています。渡すデータはすべてJavaScriptオブジェクトにあります。

私は最近、JSON経由で資格情報を保存するためのWeb資格情報管理APIを実装しようとしています。私が見つけたすべてのドキュメントは、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を開始することで可能です。このドキュメントを参照してください：HTMLまたはDOMがどのように動作するか 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 
});