お知らせ:

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

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

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

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

copy
$
catalyst serve

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

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

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

テストケース2

カスタムユーザーバリデーションのテスト

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

テストケース3

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

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

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

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

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

テストケース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

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

catalyst_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

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

テストケース2

カスタムユーザーバリデーションのテスト

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

テストケース3

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

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

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

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

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

テストケース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リソースの提供