--- title: "クロスドメインアクセス" url: https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/cross-domain-access/ description: "Authenticationは、フロントエンドサービスからバックエンドの要件を認証できるクロスドメインアクセス機能を提供します。" last_updated: 2026-02-23T12:39:41Z service: Cloud Scale type: general --- # フロントエンドサービスからのバックエンド要件の認証 Catalyst Authenticationは、Catalystフロントエンドホスティングサービスでホストされているフロントエンドサービスから、Catalystでホストされているバックエンドサービスへの呼び出しを認証するソリューションを提供します。 > **注意:** この認証方法は、フロントエンドサービスとバックエンドサービスの両方が同じプロジェクトでホストされている場合にのみ適用できます。 以下は、CatalystフロントエンドホスティングサービスからCatalystバックエンドホスティングサービスへのバックエンド呼び出しを認証するために必要なトークンを生成する方法を示すコードスニペットの例です。 **generateAuthToken method** ```javascript document.getElementById("fn-btn").addEventListener("click", function(e) { e.preventDefault(); var city = "test"; var auth = catalyst.auth; auth.generateAuthToken().then((response) => { const token = response.access_token; fetch("URL_endpoint", { < !--URL end point of your backend service.-- > method: "POST", headers: { Authorization: `${token}`, "Content-Type": "application/json", }, body: JSON.stringify({ city_name: city, }), }) .then((response) => response.json()) .then((data) => { alert(data.message); }) .catch((err) => { console.error("Error during fetch:", err); alert("An error occurred. Please try again."); }); }) .catch((err) => { console.error("Error generating token:", err); alert("Failed to generate authentication token."); }); }); ``` 上記のスニペットで詳述されているロジックを以下に説明します: * 認証済みユーザーがアプリケーションにアクセスすると、`generateAuthToken`メソッドを使用してトークンを取得できます。 * 取得されたユーザートークンは、`access_token`レスポンスキーに格納されます。 * 取得されたトークンは、バックエンドサービスのエンドポイントURLが呼び出される際に、`Authorization`ヘッダーキーの値として設定されます。 * [Functions URL](en/cli/v1/deploy-resources/deploy-all-resources/#deploy-functions)、[AppSail URL](https://docs.catalyst.zoho.com/ja/cli/v1/deploy-resources/deploy-appsail/)、または[SlateのAccess URL](https://docs.catalyst.zoho.com/ja/slate/help/slate-access-url/)、つまりバックエンドコードをホストした際にCatalystが生成するURLを、7行目に指定します。 URLの呼び出しが完了すると、以下のセクションで認証が実行される手順を説明します: * バックエンドサービスが呼び出されると、リクエストオブジェクトを使用してCatalyst SDKが初期化されます。 * リクエストオブジェクトにはトークンが含まれており、この初期化が認証された方法で行われることを保証します。 * Catalystは、この初期化がCatalystに必要なすべてのスコープに対して行われることを保証します。これにより、フロントエンドサービスからCatalystでホストされているバックエンドサービスへの呼び出しが効果的に認証されます。 > **注意:** * 生成されたアクセストークンは**1時間のみ有効**です。 * *Authentication*コンポーネントの**CORS**機能を使用して、バックエンドサービスとフロントエンドサービスのドメインをホワイトリストに登録する必要があります。CORS機能の詳細については、この[ヘルプドキュメント](https://docs.catalyst.zoho.com/ja/cloud-scale/help/authentication/whitelisting/authorized-domains/introduction/#cors)をご覧ください。 `generateAuthToken`メソッドを認証ロジックに組み込むと、Catalystフロントエンドホスティングサービスでホストされているアプリケーションが、*Catalyst Authentication*を使用して、他のCatalystホスティングサービスでホストされているバックエンドサービスを安全に呼び出せるようになります。