language 構成オプションを使用すると、Lock の言語を変更できます。これにより、Lock の i18n ディレクトリから該当する言語ファイルが読み込まれます。
対応言語
| 言語 | コード | 原文 |
|---|---|---|
| アフリカーンス語 | 'af' | af.js |
| カタルーニャ語 | 'ca' | ca.js |
| 中国語 | 'zh' | zh.js |
| 中国語 (台湾) | 'zh-tw' | zh-tw.js |
| クロアチア語 | 'hr' | hr.js |
| チェコ語 | 'cs' | cs.js |
| デンマーク語 | 'da' | da.js |
| オランダ語 | 'nl' | nl.js |
| 英語 | 'en' | en.js |
| エストニア語 | 'et' | et.js |
| ペルシャ語 (ファルシ) | 'fa' | fa.js |
| フィンランド語 | 'fi' | fi.js |
| フランス語 | 'fr' | fr.js |
| ドイツ語 | 'de' | de.js |
| ギリシャ語 | 'el | el.js |
| ヘブライ語 | 'he' | he.js |
| ハンガリー語 | 'hu' | hu.js |
| イタリア語 | 'it' | it.js |
| 日本語 | 'ja' | ja.js |
| 韓国語 | 'ko' | ko.js |
| リトアニア語 | 'lt' | lt.js |
| ノルウェー語 | 'no' | no.js |
| ノルウェー語 (ブークモール) | 'nb' | nb.js |
| ノルウェー語 (ニーノシュク) | 'nn' | nn.js |
| ポーランド語 | 'pl' | pl.js |
| ポルトガル語 (ブラジル) | 'pt-br' | pt-br.js |
| ルーマニア語 | 'ro' | ro.js |
| ロシア語 | 'ru' | ru.js |
| スロバキア語 | 'sk' | sk.js |
| スロベニア語 | 'sl' | sl.js |
| スペイン語 | 'es' | es.js |
| スウェーデン語 | 'sv' | sv.js |
| トルコ語 | 'tr' | tr.js |
| ウクライナ語 | 'ua' | ua.js |
| ベトナム語 | 'vi' | vi.js |
言語オプションを設定する
<script src="https://cdn.auth0.com/js/lock/11.14/lock.min.js"></script>
次に、options オブジェクトを定義し、language オプションを指定します。language オプションには、Lock の i18n ディレクトリ内にある対応するファイル名と一致する文字列を指定する必要があります。最後に、Lock をインスタンス化します。
Lock の翻訳データは、さまざまな翻訳を表すキーと値のペアで構成された言語ファイルから読み込まれます。言語によっては一部の値が欠けている場合があり、その場合は language does not have property <missing prop> という警告が表示されます。不足している値を追加するには、pull request を送信してください。または、Lock の options で不足している値を定義することもできます (以下を参照) 。
辞書項目を置き換える
languageDictionary オプションを使用すると、独自の特定の辞書項目をカスタマイズすることもできます。これは、サポートされている言語のいずれかを使用していても、一部の項目の文言だけを変更したい場合に便利です。たとえば、title の表現を変えたり、他のラベルの表示方法をユーザー向けに調整したりしながら、ウィジェット内のそれ以外のテキストはそのままにしておけます。
利用可能な languageDictionary プロパティ名の例と、language ファイルの構成方法については、Lock の英語辞書ファイルを参照してください。
文字列値 (URL) を受け取る languageBaseUrl オプションは、Auth0 が提供する翻訳の言語ソース URL を上書きします。デフォルトでは、提供されている言語翻訳の保存先である Auth0 の CDN URL https://cdn.auth0.com を使用します。別の値を指定すると、アプリケーションの必要に応じて、言語翻訳のソースとして独自の URL を使用できます。言語ソースは JavaScript ファイルである必要があります。