アプリケーションのHosted Authenticationの設定

このセクションでは、Native Catalyst AuthenticationタイプであるHosted Loginを設定しましょう。

1. AuthenticationはCatalyst Cloud Scaleのコンポーネントです。コンソールのサイドナビゲーションメニューのCloud ScaleアイコンをクリックしてCloud Scaleサービスコンソールにアクセスし、Start Exploringをクリックします。
   

2. Security & Identityの下にあるAuthenticationをクリックして、Authenticationコンポーネントにアクセスします。
   

3. アプリケーションの認証要素は、Native Catalyst AuthenticationまたはThird-party Authenticationサービスを使用して設定できます。このチュートリアルでは、Native Catalyst AuthenticationタイプであるHosted Loginを使用してアプリケーションの認証を設定します。Native Catalyst AuthenticationセクションのSet Upボタンをクリックして、ログイン要素の設定を開始します。
   

4. Hosted Authenticationを選択し、Nextをクリックします。
   

5. Company Nameフィールドにビジネス名またはお好みの名前を入力し、Company Logo用の画像ファイルをアップロードします。
   

6. コンソールのカラーパレットを使用してログイン要素のスタイルを設定します。右側のPreviewセクションを使用して、お好みに合わせてログイン要素をデザインします。
   

7. トグルボタンをクリックしてPublic Signupを有効にします。
   
   • 情報ポップアップを読み、Yes, Proceedをクリックします。
     

8. コンソールにあるSocial Loginsのいずれかまたはすべてを追加できます。
   

   Zohoソーシャルログインを有効にするには：

   • Zohoボタンをクリックし、Client Nameとして「AuthorizationPortal」を入力します。
     
   • Enableをクリックします。
     エンドユーザーがZohoの認証情報を使用してアプリケーションにログインできるようになりました。
   Note: アプリケーションはCatalyst by Zoho上で構築されているため、OAuth Client IDとClient Secretの認証情報を作成する必要はありません。

   Googleソーシャルログインを有効にするには：

   • Googleボタンをクリックし、Googleコンソールで取得したOAuth Client IDとClient Secretをそれぞれのフィールドに入力します。
     
     Note: 各ソーシャルログインのOAuth Client IDとClient Secretを取得する手順は、以下のヘルプドキュメントで確認できます：Google、Microsoft 365、LinkedIn、Facebook。
   • Enableをクリックします。
     エンドユーザーがGoogleの認証情報を使用してアプリケーションにログインできるようになりました。

   同じ手順を繰り返して、他のソーシャルログインを有効にできます。
   

9. Nextをクリックします。

10. Additional Settingsセクションは、後でWhitelisting機能を使用して設定します。Finishをクリックします。
    

アプリケーションにHosted Authenticationタイプが有効になったことを確認できます。

また、CatalystがLogin、Sign Up、Password Resetページ用のセキュアなAccess URLsを生成し、関連するすべてのページにスタイリングの設定を自動的に反映したことを確認できます。