--- title: "Embedded Authenticationの設定" url: https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/setup-embedded-auth/ description: "Catalyst Authenticationを使用すると、アプリユーザーに安全な認証とサインインを提供し、ユーザーアカウントを管理できます。" last_updated: 2026-08-17T12:16:04Z service: Cloud Scale type: general --- # Embedded Authenticationの設定 Embedded Authentication Typeを有効化および設定するには: 1. Catalystコンソールの*Cloud Scale*セクションで**Authentication**に移動し、*Native Catalyst Authentication*セクションにある**Set Up**オプションをクリックします。 ![cloud_scale_auth_empty_screen_native_highlight](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_empty_screen_native_highlight.webp) 2. ネイティブ認証方法のタイプとして**Embedded Authentication**を選択し、**Next**をクリックします。 ![cloud_scale_authenticaiton_embedded_type_select](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_authenticaiton_embedded_type_select.webp) 3. CSSカスタマイズの有効化 - **Confirm Password**および**Reset Password**要素にカスタムCSSを提供する場合: ![cloud_scale_auth_embedded_authtype_enable_css_section](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_authtype_enable_css_section.webp) - プロジェクトディレクトリ内の必要なCSSファイルの保存先のファイルパスを指定します。 ![cloud_scale_auth_embedded_authtype_enable_css_sect_file_path](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_authtype_enable_css_sect_file_path.webp) - Embedded AuthenticationをHosted Loginと併用している場合、Hosted Loginからスタイリング要素を継承できます: ![cloud_scale_auth_embedded_authtype_styling_inherit](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_authtype_styling_inherit.webp) > **注意:** Catalystでは、ログイン要素のレンダリング、または**Reset Password**および**Confirm Password**ページを確認するためのプレビューは提供されません。 4. ログイン要素の表示方法を選択します: * ログイン要素を従来のログインフォームとして読み込む場合: *Configuration*ステップで**Login Form**オプションをクリックします。スクリプトをコピーして、アプリケーションのインデックスを含むWebクライアントのHTMLファイルに貼り付けます。 ![cloud_scale_auth_embedded_conv_script_stepper](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_conv_script_stepper.webp) > **注意:** **View Sample Image**をクリックすると、各ログインフォームがエンドユーザーにどのように表示されるかを確認して比較できます。これらはサンプル画像であり、カスタムスタイリングで実際にフォームがどのように表示されるかを示すものではありません。 * Social LoginまたはIdPサインインオプションのみでログイン要素を読み込む場合: *Configuration*ステップで**Social Login-Only Form**オプションをクリックします。スクリプトをコピーして、アプリケーションのインデックスを含むWebクライアントのHTMLファイルに貼り付けます。 ![cloud_scale_auth_embedded_stepper_social_only_script](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_stepper_social_only_script.webp) > **注意:** *Social Login-Only Form*は、最新の[Catalyst Web SDK](https://docs.catalyst.zoho.com/ja/sdk/web/v4/overview/)を使用してWebクライアントアプリケーションをコーディングした場合にのみ実装できます。この方法は**v4**でのみサポートされ、以前のバージョンではサポートされていません。 **Version**ドロップダウンをクリックして選択することで、以前のバージョンのEmbedded Authenticationにアクセスできます。ただし、アップグレードされたセキュリティ定義と機能強化が含まれるため、最新バージョンを実装してください。 ![cloud_scale_auth_embedded_vdropdown](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_vdropdown.webp) 5. 新しいユーザーにアプリケーションへのサインアップを許可する場合は、**Public Signup**を有効にします。詳細については、[Public Signupヘルプページ](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/public-signup/)をご覧ください。 ![cloud_scale_auth_embedded_public_sign_up](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_public_sign_up.webp) > **注意:** ユーザーがSocial Loginを通じてアプリケーションにアクセスできるようにするには、**Public Signup**を有効にする必要があります。 6. Social Loginを選択して有効にし、ユーザーがそれらを使用してアプリケーションにサインアップできるようにします。各Social Loginの設定の詳細については、[Social Loginヘルプセクション](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/)をご覧ください。 ![cloud_scale_auth_embedded_sociallogins](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_sociallogins.webp) > **注意:** ここで設定する前に、Social Loginプロバイダーから提供される`Client ID`と`Client Secret`を用意してください。各Social Loginの`Client ID`と`Client Secret`の値を取得する方法については、この[ステップバイステップガイド](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/)をご覧ください。 7. **Next**をクリックして設定を保存し、*Additional Settings*セクションに進みます。[**Custom User Validation**](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction)オプションを有効にすることで、追加の認証ステップを含めることができます。このオプションにより、[Basic I/Oファンクション](https://docs.catalyst.zoho.com/ja/serverless/help/functions/basic-io)でコーディングした[カスタムロジック](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/whitelisting/custom-user-validation/how-it-works)を使用してエンドユーザーを検証できます。設定方法については、[ホワイトリストヘルプドキュメント](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/whitelisting/custom-user-validation/implementation)をご覧ください。*Authorized Domains*セクションを使用して、外部ドメインにアプリケーションへのCORSおよびiFrameアクセスを承認できます。承認済みドメインの設定方法については、[Authorized Domainヘルプセクション](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/whitelisting/authorized-domains/introduction)をご覧ください。 ![addionalsettingswithauthorized](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_addn_settings_all.webp) 8. **Finish**をクリックして、Embedded Authentication Typeを有効にします。 ![cloud_scale_auth_embedded_enabled](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_enabled.webp) *Authentication*の[Authentication Type](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/authentication-types/)セクションで、設定した認証を確認できるようになります。 このセクションでは、必要なSocial Loginタイルをクリックして新しいOAuth資格情報を提供することで、Social Loginの設定を編集できます。 ![cloud_scale_auth_embedded_sociallogin_post_edit](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_sociallogin_post_edit.webp) CSSカスタマイズの設定も編集できます: 1. **Edit**ボタンをクリックします。 ![cloud_scale_auth_embedded_customizations_edit](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_customizations_edit.webp) 2. 新しいカスタムCSSファイルを提供したり、Hosted Authentication Type設定時に適用したスタイリングを継承したり、カスタマイズを無効にしたりできます。 ![cloud_scale_auth_embedded_customizations_editing](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_customizations_editing.webp) 3. **Update**をクリックします。 ![cloud_scale_auth_embedded_customizations_update_show](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_customizations_update_show.webp) 設定が反映されます。 ![ccloud_scale_auth_embedded_showcase](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_showcase.webp) このセクションからいつでもEmbedded Authenticationのログインスクリプトにアクセスすることもできます。