お知らせ:

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

Embedded Authenticationのスクリプト

Catalystは、Embedded Authenticationを実装するためにWebクライアントアプリケーションに組み込むことができる以下のスクリプトを提供します。

Conventional Login Formタイプの場合 cloud_scale_auth_embedded_conventional

copy
<script src="https://static.zohocdn.com/catalyst/sdk/js/4.4.0/catalystWebSDK.js"> </script>
<script src="/__catalyst/sdk/init.js"> </script>
<script>
  const config = {};
  /* config is optional
  {
    css_url : "/css/embeddediframe.css", // カスタムCSSファイルパスをここに入力してください。パスが指定されない場合はデフォルトCSSが適用されます
    service_url : "/app/index.html", // この値はオプションです。リダイレクトURLをここに入力できます。
    is_customize_forgot_password : true, // デフォルト値はfalseです。パスワードリセットページをカスタマイズする場合はtrueに設定してください
    forgot_password_id : "forgotPasswordDivElementId", // パスワードリセットページを読み込む要素ID(値が指定されない場合、デフォルトで"loginDivElementId"に表示されます)
    forgot_password_css_url : "/css/forgotPwd.css" // パスワードリセットページのカスタムCSSファイルパスを入力してください。パスが指定されない場合はデフォルトCSSが適用されます。
  } */
  catalyst.auth.signIn("loginDivElementId", config);
</script>

Social Login-only Formタイプの場合 cloud_scale_auth_embedded_socials

copy
<script src="https://static.zohocdn.com/catalyst/sdk/js/4.4.0/catalystWebSDK.js"> </script>
<script src="/__catalyst/sdk/init.js"> </script>
<script>
  const config = {
    signin_providers_only : true, // サインインプロバイダー専用フォームをカスタマイズするにはtrueに設定
    css_url : "/css/embeddediframe.css", // カスタムCSSファイルパスをここに入力してください。パスが指定されない場合はデフォルトCSSが適用されます
    service_url : "/app/index.html" // リダイレクトURLをここに入力してください。この値はオプションです。
  } 
  catalyst.auth.signIn(elementId, config);
</script>
注意: これらのスクリプトはコンソールでも利用可能です。Embedded Authenticationの設定時およびコンソールのAuthentication Typeセクションで、直接コピーして有効化できます。

最終更新日 2026-03-30 13:40:30 +0530 IST

このページについて