PasswordCredential

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Le constructeur PasswordCredential permet de créer un nouvel objet PasswordCredential.

Pour les navigateurs qui prennent en charge cette fonctionnalité, une instance de cette classe peut être utilisée comme propriété credential pour l'objet init qui sera l'argument pour un appel à fetch.

Syntaxe

var mesCredentials = new PasswordCredential(passwordCredentialData)
var mesCredentials = new PasswordCredential(HTMLFormElement)

Paramètres

Le constructeur peut prendre l'une de ces deux valeurs en argument.

passwordCredentialData 
Un dictionnaire PasswordCredentialData avec les champs suivants :
  • iconURL Facultatif : l'URL de l'image pour l'avatar de l'utilisateur.
  • id : l'identifiant de l'utilisateur qui se connecte.
  • name Facultatif : le nom de l'utilisateur qui se connecte.
  • password : le mot de passe de l'utilisateur qui se connecte.
htmlFormElement
Une référence à un objet HTMLFormElement contenant les champs de saisis appropriés. Le formulaire correspondant devrait contenir au moins un champ id et un champ password. Le formulaire peut aussi demander un jeton CSRF.

Exemples

Dans cet exemple, nous verrons comment définir un formulaire et capturer les données saisies pour créer un objet PasswordCredential.

HTML

<form id="form" method="post">
  <input type="text" name="id" autocomplete="username" />
  <input type="password" name="password" autocomplete="current-password" />
  <input type="hidden" name="csrf_token" value="*****" />
</form>

JavaScript

Dans le script, on pourra faire référence à ce formulaire et l'utiliser pour créer un objet PasswordCredential afin de le stocker dans le système de mots de passe de l'agent utilisateur.

var form = document.querySelector('#form');
var creds = new PasswordCredential(form);
// Stocker les informations d'authentification
navigator.credentials.store(creds)
  .then(function(creds) {
  // Faire quelque chose avec les informations d'authentification si besoin
});

Spécifications

Spécification État Commentaires
Credential Management Level 1 Version de travail Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
PasswordCredential
Non-standard
Chrome Support complet 51Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android Support complet 51Chrome Android Support complet 51Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

Légende

Support complet  
Support complet
Compatibilité inconnue  
Compatibilité inconnue
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.