> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# ログイン
> Universal Login の `login` 画面をカスタマイズするために使用できるすべてのプロパティとメソッドについて説明します。
Login クラスは、`login` 画面の機能を実装します。この画面では、ユーザーの識別子とパスワードを入力します。テナントによっては、この識別子はメールアドレス、電話番号、またはユーザー名になります。
## コンストラクター
Login画面マネージャーのインスタンスを作成します。
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.login({
username: "testUser",
password: "testPassword"
});
```
## プロパティ
BrandingMembers}>
ブランディングテーマや設定など、ブランディング関連の構成情報を提供します。
ClientMembers}>
`login` 画面の `id`、`name`、`logoUrl` など、クライアントに関する構成情報を提供します。
OrganizationMembers}>
`id` や `name` など、ユーザーの組織に関する情報を提供します。
PromptMembers}>
認証フロー内の現在のプロンプトに関するデータが含まれます。
ScreenMembersOnLogin}>
設定やコンテキストを含む、`login` 画面固有の詳細が含まれます。
TenantMembers}>
`id` や関連メタデータなど、テナントに関するデータが含まれます。
TransactionMembersOnLogin}>
アクティブな識別子やフローの状態など、`login` 画面のトランザクション固有のデータを提供します。
UntrustedDataMembers}>
ログイン時のユーザー入力など、SDK に渡される信頼できないデータを扱います。
UserMembers}>
`username`、`email`、`roles` などを含む、現在のユーザーの詳細です。
## メソッド
このメソッドは、Universal Login ページの表示言語を変更します。
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.changeLanguage({
language: 'fr',
});
```
**メソッドパラメーター**
[LanguageChangeOptions](/ja/docs/libraries/acul/js-sdk/Screens/interfaces/LanguageChangeOptions)。
使用する言語のロケールコードです (例: `'en'`、`'fr'`、`'es'`) 。
`'session'` に設定すると、選択した言語はセッション中保持されます。
`ulp-` プレフィックスを持つ追加のカスタムフィールドです (例: `'ulp-custom-field'`) 。
このメソッドは、認証のためにユーザーをソーシャルまたはエンタープライズのIDプロバイダー (IdP) にリダイレクトします。
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.federatedLogin({
connection: "google-oauth2"
});
```
**メソッドパラメーター**
[FederatedLoginPayloadOptions](/ja/docs/libraries/acul/js-sdk/Screens/interfaces/FederatedLoginPayloadOptions).
使用するソーシャル接続の名前。
Error[]}>
このメソッドは、コンテキストからトランザクションのエラー配列を取得します。エラーが存在しない場合は、空の配列を返します。トランザクションコンテキスト内のエラーオブジェクトの配列です。
ScreenIdentifierType[] | null}>
このメソッドは、`login` 画面で有効な識別子の種類を返します。
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.getLoginIdentifiers();
```
このメソッドは、識別子と指定されたパスワードを使用してユーザーを認証します。
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.login({
username: "testUser",
password: "testPassword"
});
```
**メソッド パラメーター**
[LoginPayloadOptions](/ja/docs/libraries/acul/js-sdk/Screens/interfaces/LoginPayloadOptions)。
ユーザーの識別子です。
ユーザーのパスワードです。
キャプチャの code、またはキャプチャ プロバイダーからのレスポンスです。Auth0 テナントで [Bot Detection](/ja/docs/secure/attack-protection/bot-detection) が有効になっている場合、このプロパティは必須です。
`ulp-` を接頭辞に持つ追加のカスタムフィールドです (例: `'ulp-custom-field'`) 。
このメソッドはユーザーを国コード選択リストにリダイレクトし、そこで電話番号の国番号プレフィックスを更新できます。
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.pickCountryCode();
```
**メソッドパラメーター**
[CustomOptions](/ja/docs/libraries/acul/js-sdk/Screens/interfaces/CustomOptions)。
`ulp-` 接頭辞が付いた追加のカスタムフィールド (例: `'ulp-custom-field'`) 。