お知らせ:

当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

アプリケーションのテスト

アプリケーションをリモートコンソールにデプロイする前に、Catalyst CLIを使用してローカルサーバーでアプリケーションをテストし、すべてが正常に動作するか確認できます。catalyst serveの詳細については、リソースのサーブヘルプページを参照してください。

Catalystプロジェクトをローカルでサーブするには、プロジェクトディレクトリから次のコマンドを実行します:

copy
$
catalyst serve

認可ポータルアプリケーションはデフォルトのポート3000でサーブされます。コンポーネントのローカルエンドポイントURLがCLIに表示されます。

java-basic-serve

注意: クライアントのホームページやサブページ、または関数にアクセスするたびに、CLIはアクセスされたURLと、それにアクセスするために使用されたHTTPメソッドのライブログを表示します。

クライアントコンポーネントのローカルURLをブラウザで開いて、アプリケーションにアクセスできます。

client_app

テストケース1

メールアドレスを使用したサインアップ

  1. Sign Upをクリックして新しいアカウントを作成します。 signup

  2. 必要な情報を入力し、Sign Upをクリックします。 signup_details

  3. メール認証メールが、サインアップに使用したメールアドレスに送信されます。 email_verification

  4. メール内のリンクをクリックします。 email_link

  5. 指示に従い、パスワードを設定します。 create_password

パスワードが設定されると、アプリケーションにサインインされます。 signed_in

コンソールの認証コンポーネントのユーザー管理セクションでユーザー情報を表示して確認できます。 user_details

テストケース2

Custom User Validationのテスト

  1. 失敗インスタンスを誘発するメールアドレスを使用してアプリケーションにサインアップします。 signup_page2
注意: このチュートリアルでは、ユーザーのメールプロバイダーがZylker Technology(@zylker.com)以外の場合、エンドユーザーがアプリケーションにサインアップできないようにするCustom User Validation関数のロジックをコーディングしました。
  1. 関数ロジックで許可されたもの以外のメールアドレスを使用してアプリケーションにサインアップすることはできません。 error_message

テストケース3

IDプロバイダーログインを使用したアプリケーションへのサインアップ

  1. 設定したIDプロバイダーログインをクリックして、サインアッププロセスを開始できます。このテストでは、Zoho IDプロバイダーログインを使用してサインアップします。 idp_login

  2. Acceptをクリックします。 accept_login

アプリケーションにログインされます。 logged_in

コンソールの認証コンポーネントのユーザー管理セクションでエンドユーザーの詳細を表示して、追加されたことを確認できます。

テストケース4

パスワードリセット機能

  1. Forgot Passwordオプションをクリックします。 forgot_password

  2. メールアドレスを入力します。 enter_email

  3. キャプチャを入力します。 enter_captcha

  4. このアカウントを作成するために以前使用したパスワードを覚えている場合は、オプションをアンロックできます。ただし、この機能をテストするには、Continue to reset passwordをクリックします。 send_otp

  5. SEND OTPをクリックして、メールアドレスにOTPを送信します。 verify_otp

  6. メールで受信したOTPを入力し、Verifyをクリックします。 create_new_password

  7. 新しいパスワードを作成し、Change Passwordをクリックします。 catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset

ログインページにリダイレクトされ、新しいパスワードを使用してアプリケーションにログインできます。

react-serve

注意: クライアントのホームページやサブページ、または関数にアクセスするたびに、CLIはアクセスされたURLと、それにアクセスするために使用されたHTTPメソッドのライブログを表示します。

クライアントコンポーネントのローカルURLをブラウザで開いて、アプリケーションにアクセスできます。

client_app

テストケース1

メールアドレスを使用したサインアップ

  1. Sign Upをクリックして新しいアカウントを作成します。 signup

  2. 必要な情報を入力し、Sign Upをクリックします。 signup_details

  3. メール認証メールが、サインアップに使用したメールアドレスに送信されます。 email_verification

  4. メール内のリンクをクリックします。 email_link

  5. 指示に従い、パスワードを設定します。 create_password

パスワードが設定されると、アプリケーションにサインインされます。 signed_in

コンソールの認証コンポーネントのユーザー管理セクションでユーザー情報を表示して確認できます。 user_details

テストケース2

Custom User Validationのテスト

  1. 失敗インスタンスを誘発するメールアドレスを使用してアプリケーションにサインアップします。 signup_page2
注意: このチュートリアルでは、ユーザーのメールプロバイダーがZylker Technology(@zylker.com)以外の場合、エンドユーザーがアプリケーションにサインアップできないようにするCustom User Validation関数のロジックをコーディングしました。
  1. 関数ロジックで許可されたもの以外のメールアドレスを使用してアプリケーションにサインアップすることはできません。 error_message

テストケース3

IDプロバイダーログインを使用したアプリケーションへのサインアップ

  1. 設定したIDプロバイダーログインをクリックして、サインアッププロセスを開始できます。このテストでは、Zoho IDプロバイダーログインを使用してサインアップします。 idp_login

  2. Acceptをクリックします。 accept_login

アプリケーションにログインされます。 logged_in

コンソールの認証コンポーネントのユーザー管理セクションでエンドユーザーの詳細を表示して、追加されたことを確認できます。

テストケース4

パスワードリセット機能

  1. Forgot Passwordオプションをクリックします。 forgot_password

  2. メールアドレスを入力します。 enter_email

  3. キャプチャを入力します。 enter_captcha

  4. このアカウントを作成するために以前使用したパスワードを覚えている場合は、オプションをアンロックできます。ただし、この機能をテストするには、Continue to reset passwordをクリックします。 send_otp

  5. SEND OTPをクリックして、メールアドレスにOTPを送信します。 verify_otp

  6. メールで受信したOTPを入力し、Verifyをクリックします。 create_new_password

  7. 新しいパスワードを作成し、Change Passwordをクリックします。 catalyst_authentication_hosted_catalyst_serve_pwd_confirm_reset

ログインページにリダイレクトされ、新しいパスワードを使用してアプリケーションにログインできます。

最終更新日 2026-03-24 17:38:39 +0530 IST

関連リンク

CLIリソースの提供