diff options
author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/passwordcredential | |
parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip |
convert content to md
Diffstat (limited to 'files/fr/web/api/passwordcredential')
5 files changed, 118 insertions, 182 deletions
diff --git a/files/fr/web/api/passwordcredential/iconurl/index.md b/files/fr/web/api/passwordcredential/iconurl/index.md index 0521ac36dc..0435450c24 100644 --- a/files/fr/web/api/passwordcredential/iconurl/index.md +++ b/files/fr/web/api/passwordcredential/iconurl/index.md @@ -9,37 +9,24 @@ tags: - Reference translation_of: Web/API/PasswordCredential/iconURL --- -<p>{{SeeCompatTable}}{{APIRef("")}}</p> +{{SeeCompatTable}}{{APIRef("")}} -<p>La propriété <strong><code>iconURL</code></strong>, rattachée à l'interface {{domxref("PasswordCredential")}}, est accessible en lecture seule et fournit une chaîne de caractères {{domxref("USVString")}} représentant une URL pointant vers l'image d'une icône. Cette image est destinée à être affichée dans un sélecteur d'authentification. L'URL fournie doit être accessible sans authentification.</p> +La propriété **`iconURL`**, rattachée à l'interface {{domxref("PasswordCredential")}}, est accessible en lecture seule et fournit une chaîne de caractères {{domxref("USVString")}} représentant une URL pointant vers l'image d'une icône. Cette image est destinée à être affichée dans un sélecteur d'authentification. L'URL fournie doit être accessible sans authentification. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><em>url</em> = <em>passwordCredential</em>.iconURL</pre> + url = passwordCredential.iconURL -<h3 id="Valeur">Valeur</h3> +### Valeur -<p>Une chaîne de caractères {{domxref("USVString")}} contenant une URL.</p> +Une chaîne de caractères {{domxref("USVString")}} contenant une URL. -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Credential Management','#dom-credentialuserdata-iconurl','iconURL')}}</td> - <td>{{Spec2('Credential Management')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------------------ | -------------------------------------------- | -------------------- | +| {{SpecName('Credential Management','#dom-credentialuserdata-iconurl','iconURL')}} | {{Spec2('Credential Management')}} | Définition initiale. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.PasswordCredential.iconURL")}}</p> +{{Compat("api.PasswordCredential.iconURL")}} diff --git a/files/fr/web/api/passwordcredential/index.md b/files/fr/web/api/passwordcredential/index.md index 3bc54c3618..78fe065d5d 100644 --- a/files/fr/web/api/passwordcredential/index.md +++ b/files/fr/web/api/passwordcredential/index.md @@ -9,47 +9,44 @@ tags: - Reference translation_of: Web/API/PasswordCredential --- -<p>{{SeeCompatTable}}{{APIRef("Credential Management API")}}</p> +{{SeeCompatTable}}{{APIRef("Credential Management API")}} -<p>L'interface <code><strong>PasswordCredential</strong></code>, rattachée à l'<a href="/fr/docs/Web/API/Credential_Management_API">API Credential Management</a>, fournit des informations quant à un couple nom d'utilisateur/mot de passe. Pour les navigateurs qui prennent en charge cette fonctionnalité, une instance de cette interface peut être passée comme propriété <code>credential</code> de l'objet <code>init</code> utilisé comme argument de la méthode globale {{domxref('fetch')}}.</p> +L'interface **`PasswordCredential`**, rattachée à l'[API Credential Management](/fr/docs/Web/API/Credential_Management_API), fournit des informations quant à un couple nom d'utilisateur/mot de passe. Pour les navigateurs qui prennent en charge cette fonctionnalité, une instance de cette interface peut être passée comme propriété `credential` de l'objet `init` utilisé comme argument de la méthode globale {{domxref('fetch')}}. -<h2 id="Constructeur">Constructeur</h2> +## Constructeur -<dl> - <dt>{{domxref("PasswordCredential.PasswordCredential()","PasswordCredential()")}}</dt> - <dd>Crée un nouvel objet <code>PasswordCredential</code>.</dd> -</dl> +- {{domxref("PasswordCredential.PasswordCredential()","PasswordCredential()")}} + - : Crée un nouvel objet `PasswordCredential`. -<h2 id="Propriétés">Propriétés</h2> +## Propriétés -<p><em>Hérite des propriétés de l'interface parente, {{domxref("Credential")}}.</em></p> +_Hérite des propriétés de l'interface parente, {{domxref("Credential")}}._ -<dl> - <dt>{{domxref("PasswordCredential.additionalData")}} {{deprecated_inline()}}</dt> - <dd>Une instance {{domxref("FormData")}} ou une instance {{domxref("URLSearchParams")}} ou {{jsxref("null")}}. Les données de cet objet seront ajoutées au corps de la requête et envoyées au point distant avec les informations d'authentification.</dd> - <dt>{{domxref("PasswordCredential.iconURL")}} {{readonlyinline}}</dt> - <dd>Une chaîne de caractères {{domxref("USVString")}} contenant une URL qui pointe vers une image servant d'icône. Cette image est destinée à être utilisée dans le sélecteur d'informations d'authentification. L'URL doit être accessible sans authentification.</dd> - <dt>{{domxref("PasswordCredential.idName")}} {{deprecated_inline()}}</dt> - <dd>Une chaîne de caractères {{domxref("USVString")}} contenant le nom qui sera uitlisé pour le champ d'identifiant lorsque l'objet courant sera envoyé au point distant grâce à {{domxref("fetch")}}. La valeur par défaut correspond à <code>"username"</code> mais il est possible de surcharger cette valeur afin qu'elle corresponde à ce qui est attendu par le service distant.</dd> - <dt>{{domxref("PasswordCredential.name")}} {{readonlyinline}}</dt> - <dd>Une chaîne de caractères {{domxref("USVString")}} qui contient un nom public, lisible par un humain et qui sera affiché dans le sélecteur d'informations d'authentification.</dd> - <dt>{{domxref("PasswordCredential.password")}} {{readonlyinline}}</dt> - <dd>Une chaîne de caractères {{domxref("USVString")}} qui contient le mot de passe associé aux informations d'authentification.</dd> - <dt>{{domxref("PasswordCredential.passwordName")}} {{deprecated_inline()}}</dt> - <dd>Une chaîne de caractères {{domxref("USVString")}} qui représente le nom utilisé pour le mot de passe lorsque l'objet courant est envoyé au point distant avec {{domxref("fetch")}}. Par défaut, cette propriété vaut <code>"password"</code> mais elle peut être surchargée afin que sa valeur corresponde à ce qui est attendu par le service distant.</dd> -</dl> +- {{domxref("PasswordCredential.additionalData")}} {{deprecated_inline()}} + - : Une instance {{domxref("FormData")}} ou une instance {{domxref("URLSearchParams")}} ou {{jsxref("null")}}. Les données de cet objet seront ajoutées au corps de la requête et envoyées au point distant avec les informations d'authentification. +- {{domxref("PasswordCredential.iconURL")}} {{readonlyinline}} + - : Une chaîne de caractères {{domxref("USVString")}} contenant une URL qui pointe vers une image servant d'icône. Cette image est destinée à être utilisée dans le sélecteur d'informations d'authentification. L'URL doit être accessible sans authentification. +- {{domxref("PasswordCredential.idName")}} {{deprecated_inline()}} + - : Une chaîne de caractères {{domxref("USVString")}} contenant le nom qui sera uitlisé pour le champ d'identifiant lorsque l'objet courant sera envoyé au point distant grâce à {{domxref("fetch")}}. La valeur par défaut correspond à `"username"` mais il est possible de surcharger cette valeur afin qu'elle corresponde à ce qui est attendu par le service distant. +- {{domxref("PasswordCredential.name")}} {{readonlyinline}} + - : Une chaîne de caractères {{domxref("USVString")}} qui contient un nom public, lisible par un humain et qui sera affiché dans le sélecteur d'informations d'authentification. +- {{domxref("PasswordCredential.password")}} {{readonlyinline}} + - : Une chaîne de caractères {{domxref("USVString")}} qui contient le mot de passe associé aux informations d'authentification. +- {{domxref("PasswordCredential.passwordName")}} {{deprecated_inline()}} + - : Une chaîne de caractères {{domxref("USVString")}} qui représente le nom utilisé pour le mot de passe lorsque l'objet courant est envoyé au point distant avec {{domxref("fetch")}}. Par défaut, cette propriété vaut `"password"` mais elle peut être surchargée afin que sa valeur corresponde à ce qui est attendu par le service distant. -<h3 id="Gestionnaires_d'évènement">Gestionnaires d'évènement</h3> +### Gestionnaires d'évènement -<p>Aucun.</p> +Aucun. -<h2 id="Méthodes">Méthodes</h2> +## Méthodes -<p>Aucune.</p> +Aucune. -<h2 id="Exemples">Exemples</h2> +## Exemples -<pre class="brush: js">var cred = new PasswordCredential({ +```js +var cred = new PasswordCredential({ id: id, password: password, name: name, @@ -60,25 +57,14 @@ navigator.credentials.store(cred) .then(function() { // Faire quelque chose avec. }); -</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - <tr> - <td>{{SpecName('Credential Management')}}</td> - <td>{{Spec2('Credential Management')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.PasswordCredential")}}</p> +``` + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------ | -------------------------------------------- | -------------------- | +| {{SpecName('Credential Management')}} | {{Spec2('Credential Management')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.PasswordCredential")}} diff --git a/files/fr/web/api/passwordcredential/name/index.md b/files/fr/web/api/passwordcredential/name/index.md index 4ea8d18a88..f48ae976df 100644 --- a/files/fr/web/api/passwordcredential/name/index.md +++ b/files/fr/web/api/passwordcredential/name/index.md @@ -9,37 +9,24 @@ tags: - Reference translation_of: Web/API/PasswordCredential/name --- -<p>{{SeeCompatTable}}{{APIRef("")}}</p> +{{SeeCompatTable}}{{APIRef("")}} -<p>La propriété <strong><code>name</code></strong> est accessible en lecture seule et est rattachée à l'interface {{domxref("PasswordCredential")}}. C'est une chaîne de caractères {{domxref("USVSTring")}} qui contient un nom public, compréhensible pour un humain et qui est destiné à être affiché dans un sélecteur de fournisseur d'authentification.</p> +La propriété **`name`** est accessible en lecture seule et est rattachée à l'interface {{domxref("PasswordCredential")}}. C'est une chaîne de caractères {{domxref("USVSTring")}} qui contient un nom public, compréhensible pour un humain et qui est destiné à être affiché dans un sélecteur de fournisseur d'authentification. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><em>name</em> = <em>passwordCredential</em>.name</pre> + name = passwordCredential.name -<h3 id="Valeur">Valeur</h3> +### Valeur -<p>A {{domxref("USVString")}} containing a name.</p> +A {{domxref("USVString")}} containing a name. -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Credential Management','#dom-credentialuserdata-name','name')}}</td> - <td>{{Spec2('Credential Management')}}</td> - <td>Définition initiale..</td> - </tr> - </tbody> -</table> +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------- | +| {{SpecName('Credential Management','#dom-credentialuserdata-name','name')}} | {{Spec2('Credential Management')}} | Définition initiale.. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.PasswordCredential.name")}}</p> +{{Compat("api.PasswordCredential.name")}} diff --git a/files/fr/web/api/passwordcredential/password/index.md b/files/fr/web/api/passwordcredential/password/index.md index 62421690d2..acb0eb2ace 100644 --- a/files/fr/web/api/passwordcredential/password/index.md +++ b/files/fr/web/api/passwordcredential/password/index.md @@ -9,37 +9,24 @@ tags: - Reference translation_of: Web/API/PasswordCredential/password --- -<p>{{SeeCompatTable}}{{APIRef("")}}</p> +{{SeeCompatTable}}{{APIRef("")}} -<p>La propriété <strong><code>password</code></strong> est une propriété accessible en lecture seule rattachée à l'interface {{domxref("PasswordCredential")}} et fournit une chaîne de caractères {{domxref("USVString")}} contenant le mot de passe lié aux informations d'authentification.</p> +La propriété **`password`** est une propriété accessible en lecture seule rattachée à l'interface {{domxref("PasswordCredential")}} et fournit une chaîne de caractères {{domxref("USVString")}} contenant le mot de passe lié aux informations d'authentification. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><em>password</em> = <em>passwordCredential</em>.password</pre> + password = passwordCredential.password -<h3 id="Valeur">Valeur</h3> +### Valeur -<p>Une chaîne de caractères {{domxref("USVString")}} contenant le mot de passe.</p> +Une chaîne de caractères {{domxref("USVString")}} contenant le mot de passe. -<h2 id="Spécifications">Spécifications</h2> +## Spécifications -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Credential Management','#dom-passwordcredential-password','password')}}</td> - <td>{{Spec2('Credential Management')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | -------------------- | +| {{SpecName('Credential Management','#dom-passwordcredential-password','password')}} | {{Spec2('Credential Management')}} | Définition initiale. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("api.PasswordCredential.password")}}</p> +{{Compat("api.PasswordCredential.password")}} diff --git a/files/fr/web/api/passwordcredential/passwordcredential/index.md b/files/fr/web/api/passwordcredential/passwordcredential/index.md index dda971c84e..a19a4845ac 100644 --- a/files/fr/web/api/passwordcredential/passwordcredential/index.md +++ b/files/fr/web/api/passwordcredential/passwordcredential/index.md @@ -9,78 +9,67 @@ tags: - Reference translation_of: Web/API/PasswordCredential/PasswordCredential --- -<p>{{APIRef("")}}{{Non-standard_header}}</p> +{{APIRef("")}}{{Non-standard_header}} -<p>Le constructeur <strong><code>PasswordCredential</code></strong> permet de créer un nouvel objet {{domxref("PasswordCredential")}}.</p> +Le constructeur **`PasswordCredential`** permet de créer un nouvel objet {{domxref("PasswordCredential")}}. -<p>Pour les navigateurs qui prennent en charge cette fonctionnalité, une instance de cette classe peut être utilisée comme propriété <code>credential</code> pour l'objet <code>init</code> qui sera l'argument pour un appel à {{domxref('fetch')}}.</p> +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 à {{domxref('fetch')}}. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox">var mesCredentials = new PasswordCredential(passwordCredentialData) -var mesCredentials = new PasswordCredential(HTMLFormElement)</pre> + var mesCredentials = new PasswordCredential(passwordCredentialData) + var mesCredentials = new PasswordCredential(HTMLFormElement) -<h3 id="Paramètres">Paramètres</h3> +### Paramètres -<p>Le constructeur peut prendre l'une de ces deux valeurs en argument.</p> +Le constructeur peut prendre l'une de ces deux valeurs en argument. -<dl> - <dt><code>passwordCredentialData</code> </dt> - <dd>Un dictionnaire <code>PasswordCredentialData</code> avec les champs suivants : - <ul> - <li><code>iconURL</code> {{optional_inline}} : l'URL de l'image pour l'avatar de l'utilisateur.</li> - <li><code>id</code> : l'identifiant de l'utilisateur qui se connecte.</li> - <li><code>name</code> {{optional_inline}} : le nom de l'utilisateur qui se connecte.</li> - <li><code>password</code> : le mot de passe de l'utilisateur qui se connecte.</li> - </ul> - </dd> - <dt><code>htmlFormElement</code></dt> - <dd>Une référence à un objet {{domxref("HTMLFormElement")}} contenant les champs de saisis appropriés. Le formulaire correspondant devrait contenir au moins un champ <code>id</code> et un champ <code>password</code>. Le formulaire peut aussi demander un jeton CSRF.</dd> -</dl> +- `passwordCredentialData` -<h2 id="Exemples">Exemples</h2> + - : Un dictionnaire `PasswordCredentialData` avec les champs suivants : -<p>Dans cet exemple, nous verrons comment définir un formulaire et capturer les données saisies pour créer un objet {{domxref("PasswordCredential")}}.</p> + - `iconURL` {{optional_inline}} : l'URL de l'image pour l'avatar de l'utilisateur. + - `id` : l'identifiant de l'utilisateur qui se connecte. + - `name` {{optional_inline}} : le nom de l'utilisateur qui se connecte. + - `password` : le mot de passe de l'utilisateur qui se connecte. -<h3 id="HTML">HTML</h3> +- `htmlFormElement` + - : Une référence à un objet {{domxref("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. -<pre class="brush: 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></pre> +## Exemples -<h3 id="JavaScript">JavaScript</h3> +Dans cet exemple, nous verrons comment définir un formulaire et capturer les données saisies pour créer un objet {{domxref("PasswordCredential")}}. -<p>Dans le script, on pourra faire référence à ce formulaire et l'utiliser pour créer un objet {{domxref("PasswordCredential")}} afin de le stocker dans le système de mots de passe de l'agent utilisateur.</p> +### HTML -<pre class="brush: js">var form = document.querySelector('#form'); +```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 {{domxref("PasswordCredential")}} afin de le stocker dans le système de mots de passe de l'agent utilisateur. + +```js +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 -});</pre> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('Credential Management')}}</td> - <td>{{Spec2('Credential Management')}}</td> - <td>Définition initiale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("api.PasswordCredential.PasswordCredential")}}</p> +}); +``` + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------ | -------------------------------------------- | -------------------- | +| {{SpecName('Credential Management')}} | {{Spec2('Credential Management')}} | Définition initiale. | + +## Compatibilité des navigateurs + +{{Compat("api.PasswordCredential.PasswordCredential")}} |