--- title: "はじめに" url: https://docs.catalyst.zoho.com/ja/tutorials/hosted-login-app/python/introduction/ description: "Catalyst Hosted Authenticationの機能を使用して、ユーザーサインアップ、アプリケーションログイン、パスワードリセットを提供し、主要なフェデレーテッドIDプロバイダーを使用したサインインを実装する、シンプルなBasicまたはReactアプリケーションを作成します。" last_updated: 2026-08-17T12:16:04Z service: All Services type: tutorial related_links: - name: "プロジェクトディレクトリ構造" url: /ja/cli/v1/project-directory-structure/introduction/ - name: "ホスト型認証タイプ" url: /ja/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/ - name: "ユーザー管理" url: /ja/cloud-scale/help/authentication/user-management/introduction/ - name: "カスタムユーザー検証" url: /ja/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction/ - name: "ソーシャルログイン" url: /ja/cloud-scale/help/authentication/social-logins/introduction/ - name: "Java SDK" url: /ja/sdk/java/v1/overview/ - name: "Node.js SDK" url: /ja/sdk/nodejs/v2/overview/ - name: "Python SDK" url: /ja/sdk/python/v1/overview/ --- # はじめに このチュートリアルでは、[Custom User Validation](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction/)関数を使用したCatalyst Hosted Authenticationで認証された後に、エンドユーザーがアプリケーションにログインできるシンプルなクライアントアプリケーションを構築する方法を説明します。 *Authorization Portal*アプリケーションは、以下のCatalystサービスとそれぞれのコンポーネントを使用します： - [**Catalyst Cloud Scale**](https://docs.catalyst.zoho.com/ja/cloud-scale/) - **Authentication**：エンドユーザーは、[Native Catalyst Authentication Type](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/native-catalyst-authentication/introduction/)である[Hosted Authentication](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/)を使用してアプリケーションに認証されます。 - **Web Client Hosting**：アプリケーションのフロントエンドは、[Web Client Hosting](https://docs.catalyst.zoho.com/ja/cloud-scale/help/web-client-hosting/introduction/)コンポーネントを使用してCatalyst上でホストされます。クライアントを[Basic web app](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#basic-client-applications)、[React app](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#react-applications)、または[Angular app](https://docs.catalyst.zoho.com/ja/cli/v1/initialize-resources/initialize-client/#angular-applications)として初期化・設定できます。 - [**Catalyst Serverless**](https://docs.catalyst.zoho.com/ja/serverless/) - **Functions**：*Custom User Validation*を実装するために、Pythonで[Basic I/O function](https://docs.catalyst.zoho.com/ja/serverless/help/functions/basic-io/)をコーディングします。 このチュートリアルでは、*Hosted Authentication Type*のさまざまな機能の使用方法を理解できるようにします。このチュートリアルでは以下の機能を組み込みます： - メールアドレスを使用してWebアプリにエンドユーザーをサインアップする - サインアップアカウント情報を使用してアプリにエンドユーザーをログインさせる - 以下のフェデレーテッドIDプロバイダーの一部またはすべてを使用してアプリにエンドユーザーをログインさせる： - [Zoho](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login) - [Google](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-google-social-login) - [Microsoft 365](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-microsoft-365-social-login) - [LinkedIn](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-linkedin-social-login) - [Facebook](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-facebook-social-login) - エンドユーザーがパスワードを忘れた場合にパスワードをリセットする - 以下のページのログイン要素をカスタマイズおよびスタイリングする — **Sign Up**、**Confirm Password**、**Log In**、**Password Reset**。 - **Email Verification**および**Password Reset** [メールテンプレート](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/email-templates/customizing-email-templates/)をカスタマイズおよび設定する。 - [Custom User Validation](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction/)関数を設定および追加する - アプリケーションへのログインとログアウト 以下の画像は、クライアントアプリケーションのログイン画面の表示例です： ![catalyst_authentication_hosted_catalyst_deploy_app_complete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_deploy_app_complete.webp) このアプリケーションを構築するために、Authenticationコンポーネントの以下の機能を使用します： * **User Management**：ユーザーがアプリケーションにサインアップすると、ユーザーの詳細はこの[セクション](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/user-management/introduction/)に自動的に保存されます。この機能を使用して、エンドユーザーのアプリケーションへのアクセスを管理し、[ロールを設定](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/user-management/roles/introduction/)できます。 * **Authentication Type**：アプリケーションに設定した[認証タイプ](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/authentication-types/)を確認し、必要に応じて設定を編集できます。 * **Whitelisting**：このセクションを使用して[Custom User Validation](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction/)を有効にします。また、このセクションを使用してアプリケーションの[CORSおよびiFrameアクセス](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/whitelisting/authorized-domains/introduction/)を有効にすることもできます。 * **Email Templates**：この[セクション](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/email-templates/introduction/)から*Email Verification*および*Password Reset*メールを設定およびカスタマイズできます。 このアプリケーションを構築するために、[Catalyst Webコンソール](https://console.catalyst.zoho.com/baas/index)と[Catalyst Command Line Interface (CLI)](https://docs.catalyst.zoho.com/ja/cli/v1/cli-command-reference/)を使用します。 > **Note:** *Visual Studio Code IDE*をお使いの場合は、**Catalyst Tools**拡張機能をインストールして、CLIの代わりにIDEを使用できます。Catalyst VS Code拡張機能の詳細については、この[ヘルプセクション](https://docs.catalyst.zoho.com/ja/catalyst-extensions/vs-code-extension/introduction/)をご覧ください。 このチュートリアルでは、プロジェクトの関数ディレクトリとクライアントディレクトリに含めるファイルのコードが提供されます。提供されたコードをコピーするか、必要に応じてカスタマイズして、指示に従って適切なファイルに貼り付けてください。