--- title: "アプリケーションのテスト" url: https://docs.catalyst.zoho.com/ja/tutorials/hosted-login-app/python/test-app/ description: "Catalyst Hosted Authenticationの機能を使用して、ユーザーサインアップ、アプリケーションログイン、パスワードリセットを提供し、主要なフェデレーテッドIDプロバイダーを使用したサインインを実装する、シンプルなBasicまたはReactアプリケーションを作成します。" last_updated: 2026-08-17T12:16:04Z service: All Services type: tutorial related_links: - name: "CLIリソースの提供" url: /ja/cli/v1/serve-resources/introduction --- # アプリケーションのテスト アプリケーションをリモートコンソールにデプロイする前に、Catalyst CLIを使用してローカルサーバーでアプリケーションをテストし、すべてが正常に動作するか確認できます。`catalyst serve`の詳細については、[リソースのサーブのヘルプページ](https://docs.catalyst.zoho.com/ja/cli/v1/serve-resources/introduction)を参照してください。 Catalystプロジェクトをローカルでサーブするには、プロジェクトディレクトリから以下のコマンドを実行します： ```sh catalyst serve ``` 認証ポータルアプリケーションがデフォルトの`port 3000`でサーブされます。コンポーネントのローカルエンドポイントURLがCLIに表示されます。 **Basic Webアプリ** ![catalyst_alcity_catalyst_python_basic_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_alcity_catalyst_python_basic_serve.webp) > **Note:** クライアントのホームページやサブページ、または関数にアクセスするたびに、CLIはアクセスされたURLとそのアクセスに使用されたHTTPメソッドのライブログを表示します。 ブラウザでクライアントコンポーネントのローカルURLを開いてアプリケーションにアクセスできます。 ![catalyst_authentication_hosted_catalyst_serve_intro](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_intro.webp) ### テストケース1 #### メールアドレスを使用したサインアップ 1. **Sign Up**をクリックして新しいアカウントを作成します。 ![catalyst_authentication_hosted_catalyst_serve_sing_up_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_sing_up_highlight.webp) 2. 必要な詳細を入力して**Sign Up**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_signup](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_signup.webp) 3. サインアップに使用したメールアドレスに[Email Verification](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/email-templates/introduction/)メールが送信されます。 ![catalyst_authentication_hosted_catalyst_serve_email_triggered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_triggered.webp) 4. メール内のリンクをクリックします。 ![catalyst_authentication_hosted_catalyst_serve_email_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_check.webp) 5. 指示に従ってパスワードを設定します。 ![catalyst_authentication_hosted_catalyst_serve_cnf_pwd](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_cnf_pwd.webp) パスワードが設定されると、アプリケーションにサインインされます。 ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) コンソールの*Authentication*コンポーネントの[User Management](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/user-management/introduction/)セクションでユーザー情報を確認して検証できます。 ![catalyst_authentication_hosted_catalyst_serve_account_added](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_account_added.webp) ### テストケース2 #### Custom User Validationのテスト 1. 失敗インスタンスを引き起こすメールアドレスを使用してアプリケーションにサインアップします。 ![catalyst_authentication_hosted_catalyst_serve_custom_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_check.webp) > **Note:** このチュートリアルでは、ユーザーのメールプロバイダーがZylker Technology（`@zylker.com`）以外の場合、エンドユーザーがアプリケーションにサインアップできないCustom User Validation関数のロジックをコーディングしています。 2. 関数ロジックで許可されるようにコーディングされたメールアドレス以外では、アプリケーションにサインアップできません。 ![catalyst_authentication_hosted_catalyst_serve_custom_success](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_success.webp) ### テストケース3 #### Social Loginsを使用したアプリケーションへのサインアップ 1. 設定したソーシャルログインをクリックしてサインアッププロセスを開始できます。このテストでは、[Zohoソーシャルログイン](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login)を使用してサインアップします。 ![catalyst_authentication_hosted_catalyst_serve_zoho_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_login.webp) 2. **Accept**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_zoho_accept_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_accept_login.webp) アプリケーションにログインされます。 ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) コンソールのAuthenticationコンポーネントの*User Management*セクションでエンドユーザーの詳細を確認して、追加されたことを検証できます。 ### テストケース4 #### パスワードリセット機能 1. **Forgot Password**オプションをクリックします。 ![catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight.webp) 2. メールアドレスを入力します。 ![catalyst_authentication_hosted_catalyst_serve_pwd_email_enter](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_email_enter.webp) 3. キャプチャを入力します。 ![catalyst_authentication_hosted_catalyst_serve_pwd_captcha](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_captcha.webp) 4. このアカウントの作成に使用した以前のパスワードを覚えている場合は、オプションのロックを解除できます。ただし、この機能をテストするには、**Continue to reset password**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset.webp) 5. **SEND OTP**をクリックしてメールアドレスにOTPを送信します。 ![catalyst_authentication_hosted_catalyst_serve_pwd_otp](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp.webp) 6. メールで受信したOTPを入力して**Verify**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered.webp) 7. 新しいパスワードを作成し、**Change Password**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset.webp) ログインページにリダイレクトされ、新しいパスワードを使用してアプリケーションにログインできます。 **React Webアプリ** ![catalyst_alcity_catalyst_python_react_serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_alcity_catalyst_python_react_serve.webp) > **Note:** クライアントのホームページやサブページ、または関数にアクセスするたびに、CLIはアクセスされたURLとそのアクセスに使用されたHTTPメソッドのライブログを表示します。 ブラウザでクライアントコンポーネントのローカルURLを開いてアプリケーションにアクセスできます。 ![catalyst_authentication_hosted_catalyst_serve_intro](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_intro.webp) ### テストケース1 #### メールアドレスを使用したサインアップ 1. **Sign Up**をクリックして新しいアカウントを作成します。 ![catalyst_authentication_hosted_catalyst_serve_sing_up_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_sing_up_highlight.webp) 2. 必要な詳細を入力して**Sign Up**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_signup](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_signup.webp) 3. サインアップに使用したメールアドレスに[Email Verification](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/email-templates/introduction/)メールが送信されます。 ![catalyst_authentication_hosted_catalyst_serve_email_triggered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_triggered.webp) 4. メール内のリンクをクリックします。 ![catalyst_authentication_hosted_catalyst_serve_email_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_check.webp) 5. 指示に従ってパスワードを設定します。 ![catalyst_authentication_hosted_catalyst_serve_cnf_pwd](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_cnf_pwd.webp) パスワードが設定されると、アプリケーションにサインインされます。 ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) コンソールの*Authentication*コンポーネントの[User Management](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/user-management/introduction/)セクションでユーザー情報を確認して検証できます。 ![catalyst_authentication_hosted_catalyst_serve_account_added](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_account_added.webp) ### テストケース2 #### Custom User Validationのテスト 1. 失敗インスタンスを引き起こすメールアドレスを使用してアプリケーションにサインアップします。 ![catalyst_authentication_hosted_catalyst_serve_custom_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_check.webp) > **Note:** このチュートリアルでは、ユーザーのメールプロバイダーがZylker Technology（`@zylker.com`）以外の場合、エンドユーザーがアプリケーションにサインアップできないCustom User Validation関数のロジックをコーディングしています。 2. 関数ロジックで許可されるようにコーディングされたメールアドレス以外では、アプリケーションにサインアップできません。 ![catalyst_authentication_hosted_catalyst_serve_custom_success](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_success.webp) ### テストケース3 #### Social Loginsを使用したアプリケーションへのサインアップ 1. 設定したソーシャルログインをクリックしてサインアッププロセスを開始できます。このテストでは、[Zohoソーシャルログイン](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login)を使用してサインアップします。 ![catalyst_authentication_hosted_catalyst_serve_zoho_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_login.webp) 2. **Accept**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_zoho_accept_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_accept_login.webp) アプリケーションにログインされます。 ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) コンソールのAuthenticationコンポーネントの*User Management*セクションでエンドユーザーの詳細を確認して、追加されたことを検証できます。 ### テストケース4 #### パスワードリセット機能 1. **Forgot Password**オプションをクリックします。 ![catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight.webp) 2. メールアドレスを入力します。 ![catalyst_authentication_hosted_catalyst_serve_pwd_email_enter](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_email_enter.webp) 3. キャプチャを入力します。 ![catalyst_authentication_hosted_catalyst_serve_pwd_captcha](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_captcha.webp) 4. このアカウントの作成に使用した以前のパスワードを覚えている場合は、オプションのロックを解除できます。ただし、この機能をテストするには、**Continue to reset password**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset.webp) 5. **SEND OTP**をクリックしてメールアドレスにOTPを送信します。 ![catalyst_authentication_hosted_catalyst_serve_pwd_otp](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp.webp) 6. メールで受信したOTPを入力して**Verify**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered.webp) 7. 新しいパスワードを作成し、**Change Password**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset.webp) ログインページにリダイレクトされ、新しいパスワードを使用してアプリケーションにログインできます。 **Angular Webアプリ** ![catalyst_authentication_hosted_client_angular_catalyst_serve_cli](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_angular_catalyst_serve_cli.webp) クライアントのホームページやサブページ、または関数にアクセスするたびに、CLIはアクセスされたURLとそのアクセスに使用されたHTTPメソッドのライブログを表示します。 ![catalyst_authentication_hosted_client_angular_catalyst_serve_cli_actions](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_client_angular_catalyst_serve_cli_actions.webp) ブラウザでクライアントコンポーネントのローカルURLを開いてアプリケーションにアクセスできます。 ### テストケース1 #### メールアドレスを使用したサインアップ 1. **Sign Up**をクリックして新しいアカウントを作成します。 ![catalyst_authentication_hosted_catalyst_serve_sing_up_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_sing_up_highlight.webp) 2. 必要な詳細を入力して**Sign Up**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_signup](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_signup.webp) 3. サインアップに使用したメールアドレスに[Email Verification](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/email-templates/introduction/)メールが送信されます。 ![catalyst_authentication_hosted_catalyst_serve_email_triggered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_triggered.webp) 4. メール内のリンクをクリックします。 ![catalyst_authentication_hosted_catalyst_serve_email_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_email_check.webp) 5. 指示に従ってパスワードを設定します。 ![catalyst_authentication_hosted_catalyst_serve_cnf_pwd](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_cnf_pwd.webp) パスワードが設定されると、アプリケーションにサインインされます。 ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) コンソールの*Authentication*コンポーネントの[User Management](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/user-management/introduction/)セクションでユーザー情報を確認して検証できます。 ![catalyst_authentication_hosted_catalyst_serve_account_added](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_account_added.webp) ### テストケース2 #### Custom User Validationのテスト 1. 失敗インスタンスを引き起こすメールアドレスを使用してアプリケーションにサインアップします。 ![catalyst_authentication_hosted_catalyst_serve_custom_check](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_check.webp) > **Note:** このチュートリアルでは、ユーザーのメールプロバイダーがZylker Technology（`@zylker.com`）以外の場合、エンドユーザーがアプリケーションにサインアップできないCustom User Validation関数のロジックをコーディングしています。 2. 関数ロジックで許可されるようにコーディングされたメールアドレス以外では、アプリケーションにサインアップできません。 ![catalyst_authentication_hosted_catalyst_serve_custom_success](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_custom_success.webp) ### テストケース3 #### Social Loginsを使用したアプリケーションへのサインアップ 1. 設定したソーシャルログインをクリックしてサインアッププロセスを開始できます。このテストでは、[Zohoソーシャルログイン](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login)を使用してサインアップします。 ![catalyst_authentication_hosted_catalyst_serve_zoho_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_login.webp) 2. **Accept**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_zoho_accept_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_zoho_accept_login.webp) アプリケーションにログインされます。 ![catalyst_authentication_hosted_catalyst_serve_logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_logged_in.webp) コンソールのAuthenticationコンポーネントの*User Management*セクションでエンドユーザーの詳細を確認して、追加されたことを検証できます。 ### テストケース4 #### パスワードリセット機能 1. **Forgot Password**オプションをクリックします。 ![catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_forgot_pwd_highlight.webp) 2. メールアドレスを入力します。 ![catalyst_authentication_hosted_catalyst_serve_pwd_email_enter](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_email_enter.webp) 3. キャプチャを入力します。 ![catalyst_authentication_hosted_catalyst_serve_pwd_captcha](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_captcha.webp) 4. このアカウントの作成に使用した以前のパスワードを覚えている場合は、オプションのロックを解除できます。ただし、この機能をテストするには、**Continue to reset password**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_cont_reset.webp) 5. **SEND OTP**をクリックしてメールアドレスにOTPを送信します。 ![catalyst_authentication_hosted_catalyst_serve_pwd_otp](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp.webp) 6. メールで受信したOTPを入力して**Verify**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_otp_entered.webp) 7. 新しいパスワードを作成し、**Change Password**をクリックします。 ![catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset.webp) ログインページにリダイレクトされ、新しいパスワードを使用してアプリケーションにログインできます。