はじめに

このチュートリアルでは、Custom User Validation関数を使用したCatalyst Hosted Authenticationで認証された後に、エンドユーザーがアプリケーションにログインできるシンプルなクライアントアプリケーションを構築する方法を説明します。

Authorization Portalアプリケーションは、以下のCatalystサービスとそれぞれのコンポーネントを使用します：

• Catalyst Cloud Scale
  • Authentication：エンドユーザーは、Native Catalyst Authentication TypeであるHosted Authenticationを使用してアプリケーションに認証されます。
  • Web Client Hosting：アプリケーションのフロントエンドは、Web Client Hostingコンポーネントを使用してCatalyst上でホストされます。クライアントをBasic web app、React app、またはAngular appとして初期化・設定できます。
• Catalyst Serverless
  • Functions：Custom User Validationを実装するために、PythonでBasic I/O functionをコーディングします。

このチュートリアルでは、Hosted Authentication Typeのさまざまな機能の使用方法を理解できるようにします。このチュートリアルでは以下の機能を組み込みます：

• メールアドレスを使用してWebアプリにエンドユーザーをサインアップする
• サインアップアカウント情報を使用してアプリにエンドユーザーをログインさせる
• 以下のフェデレーテッドIDプロバイダーの一部またはすべてを使用してアプリにエンドユーザーをログインさせる：
  • Zoho
  • Google
  • Microsoft 365
  • LinkedIn
  • Facebook
• エンドユーザーがパスワードを忘れた場合にパスワードをリセットする
• 以下のページのログイン要素をカスタマイズおよびスタイリングする — Sign Up、Confirm Password、Log In、Password Reset。
• Email VerificationおよびPassword Reset メールテンプレートをカスタマイズおよび設定する。
• Custom User Validation関数を設定および追加する
• アプリケーションへのログインとログアウト

以下の画像は、クライアントアプリケーションのログイン画面の表示例です：

このアプリケーションを構築するために、Authenticationコンポーネントの以下の機能を使用します：

• User Management：ユーザーがアプリケーションにサインアップすると、ユーザーの詳細はこのセクションに自動的に保存されます。この機能を使用して、エンドユーザーのアプリケーションへのアクセスを管理し、ロールを設定できます。

• Authentication Type：アプリケーションに設定した認証タイプを確認し、必要に応じて設定を編集できます。

• Whitelisting：このセクションを使用してCustom User Validationを有効にします。また、このセクションを使用してアプリケーションのCORSおよびiFrameアクセスを有効にすることもできます。

• Email Templates：このセクションからEmail VerificationおよびPassword Resetメールを設定およびカスタマイズできます。

このアプリケーションを構築するために、Catalyst WebコンソールとCatalyst Command Line Interface (CLI)を使用します。

このチュートリアルでは、プロジェクトの関数ディレクトリとクライアントディレクトリに含めるファイルのコードが提供されます。提供されたコードをコピーするか、必要に応じてカスタマイズして、指示に従って適切なファイルに貼り付けてください。