> ## 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.
# Login
> Universal Login の `login` 画面をカスタマイズするために使用できる、すべてのプロパティとメソッドについて説明します。
Login クラスは、`login` 画面の機能を実装します。この画面では、ユーザーの識別子とパスワードを入力します。テナントの設定によっては、この識別子としてメールアドレス、電話番号、またはユーザー名を使用できます。また、フェデレーテッド ID プロバイダーおよび Google One Tap による認証もサポートしています。
## コンストラクター
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}>
認証フローにおける現在の prompt に関するデータを含みます。
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](/docs/ja-jp/libraries/acul/js-sdk/Screens/interfaces/LanguageChangeOptions)。
使用する言語のロケールコード (例: `'en'`、`'fr'`、`'es'`) 。
`'session'` に設定すると、選択した言語はセッション中保持されます。
このメソッドは、認証のためにユーザーを [Social](/docs/ja-jp/authenticate/identity-providers/social-identity-providers) または [Enterprise Identity Provider](/docs/ja-jp/authenticate/identity-providers/enterprise-identity-providers) (IdP) にリダイレクトします。
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.federatedLogin({
connection: "google-oauth2"
});
```
**メソッドのパラメーター**
Social または Enterprise Identity Provider の接続名。
Error[]}>
このメソッドは、コンテキストから トランザクション のエラー配列を取得します。存在しない場合は空の配列を返します。トランザクション コンテキスト内の error object の配列です。
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](/docs/ja-jp/libraries/acul/js-sdk/Screens/interfaces/LoginPayloadOptions)。
ユーザーを識別する値です。
ユーザーのパスワードです。
captcha コード、または CAPTCHA プロバイダーからのレスポンスです。Auth0 テナントで [ボット検出](/docs/ja-jp/secure/attack-protection/bot-detection) が有効になっている場合、このプロパティは必須です。
`ulp-` で始まる追加のカスタムフィールドです (例: `'ulp-custom-field'`) 。
このメソッドは Google One Tap 認証情報を使用してユーザーを認証し、別のログインページにリダイレクトすることなくワンクリックでのサインインを可能にします。
Google One Tap プロンプトをレンダリングする前に `screen.googleOneTapConfig` を確認してください。この機能がサーバー側で有効になっていない場合、値は `null` です。
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.googleOneTap({ one_tap_credential: credential });
```
**メソッドのパラメーター**
Google Identity Services のプロンプトから返される Google One Tap 認証情報トークン。
このメソッドはユーザーを国番号の選択リストにリダイレクトし、そこで電話番号の国番号プレフィックスを更新できます。
```typescript Example theme={null}
import Login from "@auth0/auth0-acul-js/login";
const loginManager = new Login();
loginManager.pickCountryCode();
```