Lock Internationalization
Vous pouvez changer la langue de Lock en utilisant l’option de configuration de la language. Le fichier de langue correspondant sera extrait du directory i18n de Lock.
Langues proposées
Jetez un coup d’œil au répertoire i18n pour les fichiers de langue.
| Langue | Code | Source |
|---|---|---|
| Afrikaans | 'af' |
af.js |
| Allemand | 'de' |
de.js |
| Anglais | 'en' |
en.js |
| Catalan | 'ca' |
ca.js |
| Chinois | 'zh' |
zh.js |
| Chinois (Taïwan) | 'zh-tw' |
zh-tw.js |
| Coréen | 'ko' |
ko.js |
| Croate | 'hr' |
hr.js |
| Danois | 'da' |
da.js |
| Espagnol | 'es' |
es.js |
| Estonien | 'et' |
et.js |
| Farsi (perse) | 'fa' |
fa.js |
| Finnois | 'fi' |
fi.js |
| Français | 'fr' |
fr.js |
| Grec | 'el |
el.js |
| Hébreu | 'he' |
he.js |
| Hongrois | 'hu' |
hu.js |
| Italien | 'it' |
it.js |
| Japonais | 'ja' |
ja.js |
| Lituanien | 'lt' |
lt.js |
| Néerlandais | 'nl' |
nl.js |
| Norvégien | 'no' |
no.js |
| Norvégien (Bokmål) | 'nb' |
nb.js |
| Norvégien (Nynorsk) | 'nn' |
nn.js |
| Polonais | 'pl' |
pl.js |
| Portugais (Brésil) | 'pt-br' |
pt-br.js |
| Roumain | 'ro' |
ro.js |
| Russe | 'ru' |
ru.js |
| Slovaque | 'sk' |
sk.js |
| Slovène | 'sl' |
sl.js |
| Suédois | 'sv' |
sv.js |
| Tchèque | 'cs' |
cs.js |
| Turc | 'tr' |
tr.js |
| Ukrainien | 'ua' |
ua.js |
| Vietnamien | 'vi' |
vi.js |
Définir l’option de langue
To use the following examples, you’ll need to first include Lock in your page:
<script src="https://cdn.auth0.com/js/lock/11.14/lock.min.js"></script>
Définissez ensuite votre objet options et incluez l’option language. L’option language doit être une chaîne de caractères dont le nom correspond à celui du fichier approprié dans le répertoire i18nde Lock. Puis instanciez Lock.
// Select a supported language
var options = {
language: 'es'
};
// Initiating our Auth0Lock
var lock = new Auth0Lock(
'{yourClientId}',
'{yourDomain}',
options
);Was this helpful?
Les données de traduction pour Lock proviennent de fichiers linguistiques qui contiennent des paires clé-valeur représentant diverses traductions. Pour quelques langues, certaines valeurs peuvent être manquantes, auquel cas un avertissement s’affiche : language does not have property <missing prop>. Nous vous encourageons à soumettre une requête pull pour ajouter ces valeurs manquantes. Vous pouvez également définir les valeurs manquantes dans vos options Lock (voir ci-dessous).
Remplacer des termes du dictionnaire
Vous pouvez également personnaliser vos propres éléments de dictionnaire particuliers à l’aide de l’option languageDictionary. Cette fonction est utile si vous utilisez l’une des langues prises en charge, mais que vous modifiez le libellé de quelques éléments. Par exemple, vous pouvez reformuler le title ou modifier la façon dont d’autres étiquettes s’affichent pour l’utilisateur tout en laissant intact le reste du texte sur le gadget logiciel.
// Customize some languageDictionary attributes
var options = {
languageDictionary: {
emailInputPlaceholder: "something@youremail.com",
title: "Log me in"
},
};
// Initiating our Auth0Lock
var lock = new Auth0Lock(
'{yourClientId}',
'{yourDomain}',
options
);Was this helpful?
Pour un exemple de noms de propriétés possibles de languageDictionary et de la manière de structurer un fichier de language, voir le Fichier dictionnaire anglais pour Lock.
The languageBaseUrl option, which takes a string value (a URL), overrides the language source URL for Auth0’s provided translations. By default, it uses the Auth0’s CDN URL https://cdn.auth0.com because that is where the provided language translations are stored. By providing another value, you can use your own source for the language translations as needed for your applications. Your language source should be a JavaScript file.