--- title: "アプリケーションのテスト" url: https://docs.catalyst.zoho.com/ja/tutorials/embedded-auth/python/test-app/ description: "Catalyst Embedded Authenticationの機能を使用して、ユーザーサインアップ、アプリケーションログイン、パスワードリセットを提供し、一般的なIDプロバイダーを使用したサインインを実装するシンプルなWebアプリケーションを作成します。" 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 ``` Authorization Portalアプリケーションがデフォルトの`ポート3000`でサーブされます。コンポーネントのローカルエンドポイントURLがCLIに表示されます。 **Basic Webアプリ** ![basic-serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/python/basic-serve.webp) > **注:** クライアントのホームページやサブページ、またはファンクションにアクセスするたびに、CLIはアクセスされたURLとそのアクセスに使用されたHTTPメソッドのライブログを表示します。 ブラウザでクライアントコンポーネントのローカルURLを開いて、アプリケーションにアクセスできます。 ![client_app](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/client_app.webp) ### テストケース 1 #### メールアドレスを使用してサインアップ 1. **Sign Up**をクリックして新しいアカウントを作成します。 ![signup](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/signup.webp) 2. 必要な情報を入力し、**Sign Up**をクリックします。 ![signup_details](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/signup_details.webp) 3. サインアップに使用したメールアドレスに[メール確認](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/email-templates/introduction/)メールが送信されます。 ![email_verification](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/email_verification.webp) 4. メール内のリンクをクリックします。 ![email_link](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/email_link.webp) 5. 手順に従ってパスワードを設定します。 ![create_password](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/create_password.webp) パスワードが設定されると、アプリケーションにサインインされます。 ![signed_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/signed_in.webp) コンソールの*Authentication*コンポーネントの[ユーザー管理](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/user-management/introduction/)セクションでユーザー情報を表示して確認できます。 ![user_details](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/user_details.webp) ### テストケース 2 #### カスタムユーザー検証のテスト 1. 失敗インスタンスを発生させるメールアドレスを使用してアプリケーションにサインアップします。 ![signup_page2](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/signup_page2.webp) > **注:** このチュートリアルでは、ユーザーのメールプロバイダーがZylker Technology（`@zylker.com`）以外の場合、エンドユーザーがアプリケーションにサインアップできないというカスタムユーザー検証ファンクションのロジックをコーディングしました。 2. ファンクションロジックで許可するようにコーディングされたメールアドレス以外では、アプリケーションにサインアップできません。 ![error_message](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/error_message.webp) ### テストケース 3 #### IDプロバイダーログインを使用してアプリケーションにサインアップ 1. 設定したIDプロバイダーログインをクリックして、サインアッププロセスを開始できます。このテストでは、[Zoho IDプロバイダーログイン](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login)を使用してサインアップします。 ![idp_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/idp_login.webp) 2. **Accept**をクリックします。 ![accept_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/accept_login.webp) アプリケーションにログインされます。 ![logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/logged_in.webp) コンソールのAuthenticationコンポーネントの*ユーザー管理*セクションで詳細を表示して、エンドユーザーが追加されたことを確認できます。 ### テストケース 4 #### パスワードリセット機能 1. **Forgot Password**オプションをクリックします。 ![forgot_password](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/forgot_password.webp) 2. メールアドレスを入力します。 ![enter_email](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/enter_email.webp) 3. キャプチャを入力します。 ![enter_captcha](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/enter_captcha.webp) 4. このアカウントの作成に使用した以前のパスワードを覚えている場合は、アンロックオプションを使用できます。ただし、この機能をテストするには、**Continue to reset password**をクリックします。 ![send_otp](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/send_otp.webp) 5. **SEND OTP**をクリックして、メールアドレスにOTPを送信します。 ![verify_otp](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/verify_otp.webp) 6. メールで受信したOTPを入力し、**Verify**をクリックします。 ![create_new_password](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/create_new_password.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アプリ** ![react-serve](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/python/react-serve.webp) > **注:** クライアントのホームページやサブページ、またはファンクションにアクセスするたびに、CLIはアクセスされたURLとそのアクセスに使用されたHTTPメソッドのライブログを表示します。 ブラウザでクライアントコンポーネントのローカルURLを開いて、アプリケーションにアクセスできます。 ![client_app](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/client_app.webp) ### テストケース 1 #### メールアドレスを使用してサインアップ 1. **Sign Up**をクリックして新しいアカウントを作成します。 ![signup](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/signup.webp) 2. 必要な情報を入力し、**Sign Up**をクリックします。 ![signup_details](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/signup_details.webp) 3. サインアップに使用したメールアドレスに[メール確認](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/email-templates/introduction/)メールが送信されます。 ![email_verification](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/email_verification.webp) 4. メール内のリンクをクリックします。 ![email_link](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/email_link.webp) 5. 手順に従ってパスワードを設定します。 ![create_password](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/create_password.webp) パスワードが設定されると、アプリケーションにサインインされます。 ![signed_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/signed_in.webp) コンソールの*Authentication*コンポーネントの[ユーザー管理](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/user-management/introduction/)セクションでユーザー情報を表示して確認できます。 ![user_details](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/user_details.webp) ### テストケース 2 #### カスタムユーザー検証のテスト 1. 失敗インスタンスを発生させるメールアドレスを使用してアプリケーションにサインアップします。 ![signup_page2](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/signup_page2.webp) > **注:** このチュートリアルでは、ユーザーのメールプロバイダーがZylker Technology（`@zylker.com`）以外の場合、エンドユーザーがアプリケーションにサインアップできないというカスタムユーザー検証ファンクションのロジックをコーディングしました。 2. ファンクションロジックで許可するようにコーディングされたメールアドレス以外では、アプリケーションにサインアップできません。 ![error_message](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/error_message.webp) ### テストケース 3 #### IDプロバイダーログインを使用してアプリケーションにサインアップ 1. 設定したIDプロバイダーログインをクリックして、サインアッププロセスを開始できます。このテストでは、[Zoho IDプロバイダーログイン](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login)を使用してサインアップします。 ![idp_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/idp_login.webp) 2. **Accept**をクリックします。 ![accept_login](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/accept_login.webp) アプリケーションにログインされます。 ![logged_in](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/logged_in.webp) コンソールのAuthenticationコンポーネントの*ユーザー管理*セクションで詳細を表示して、エンドユーザーが追加されたことを確認できます。 ### テストケース 4 #### パスワードリセット機能 1. **Forgot Password**オプションをクリックします。 ![forgot_password](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/forgot_password.webp) 2. メールアドレスを入力します。 ![enter_email](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/enter_email.webp) 3. キャプチャを入力します。 ![enter_captcha](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/enter_captcha.webp) 4. このアカウントの作成に使用した以前のパスワードを覚えている場合は、アンロックオプションを使用できます。ただし、この機能をテストするには、**Continue to reset password**をクリックします。 ![send_otp](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/send_otp.webp) 5. **SEND OTP**をクリックして、メールアドレスにOTPを送信します。 ![verify_otp](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/verify_otp.webp) 6. メールで受信したOTPを入力し、**Verify**をクリックします。 ![create_new_password](https://catalyst-docs-development.zohostratus.in/images/tutorials/embedded_auth/create_new_password.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) ログインページにリダイレクトされ、新しいパスワードを使用してアプリケーションにログインできます。