ヘッドレス テナントとサイトを作成する

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Sitecore JavaScriptレンダリングSDK (JSS) を使用すると、フロントエンド開発者はSitecore上にJavaScriptアプリを構築できます。Sitecoreヘッドレス サービスを使用すると、ヘッドレス テナントとサイトを作成して、JSSアプリの操作を容易にすることができます。ヘッドレス テナントとサイトは、サイトをスキャフォールディングし、構造化された方法でJSSアプリをインポートするのに役立ちます。

SXAコンテンツ アーキテクチャには、テナントとサイトが含まれます。SXAはマルチテナンシーをサポートしているため、Sitecoreの1つのインスタンスで複数のサイトを実行できます。各テナントには、たとえば、1つの会社の複数のブランドをサポートするため、または1つのブランドの複数の言語または場所をサポートするため、複数の関連サイトを含めることができます。組織は、1対1の翻訳バージョンを通じて複数の言語をサポートするか、サポートされている言語ごとに個別のサイトを持つモデルを使用できます。

たとえば、国際的な衣料品会社は、衣料品のブランドごとに異なるテナントを持ち、特定の国ごとに異なるサイトを持つことができます。

ヘッドレス テナントを作成する

リソースを共有する必要があるサイトが複数ある場合は、1つのテナント内に作成する必要があります。SXAのマルチテナント アーキテクチャでは、データ テンプレート、設定、ユーザー管理、テナントの個々の機能、非機能プロパティなど、Sitecoreインスタンスの専用共有を各テナントに提供できます。

ヘッドレス テナントを作成するには:

  1. コンテンツ エディタで、コンテンツ ツリーのContentアイテムを右クリックし、Insertをクリックして、Headless Tenantをクリックします。

  2. ウィザードで、テナントの名前を入力し、モジュールを選択して、OKをクリックします。

ヘッドレス サイトを作成する

テナントは、その下にあるサイトの最上位のコンテナーです。同じテナント内のサイトは、たとえば、同じテンプレートのセットやメディア ライブラリの一部を共有しているため、関連しています。サイトは、Webサイトを表すアイテムであり、ページ、データ、デザイン、およびパーシャル レイアウトで構成されます。

ヘッドレス サイトを作成するには:

  1. コンテンツ エディターで、サイトを追加するテナントを右クリックし、Insertをクリックして、Headless Siteをクリックします。

  2. ウィザードのGeneralタブで、サイトの名前を入力します。

    大事な

    SXAサイト名に空白を含めることはできません。

  3. 必要に応じて、ホスト名と仮想フォルダを指定し、サイトの言語を選択します。

  4. Modulesタブで、必要なモジュールを選択します。

  5. Settingsタブでは、GraphQLエンドポイントとデプロイシークレットを入力できますが、後で入力するのがベストプラクティスです。

  6. OKをクリックして、ヘッドレス サイトを作成します。次のサイト構造が作成されます。

    フォルダ

    サブフォルダ

    形容

    サイト ページが含まれます。

    メディア

    サイトで使用可能なすべてのメディアアイテムが含まれます。

    データ

    Webサイト内の複数のページで再利用できるデータ ソースが含まれています。

    辞書

    多言語アプリには、翻訳が必要な静的フレーズの辞書が必要です。JSSは、このフォルダに翻訳をインポートします。

    プレゼンテーション

    ページデザイン

    ヘッドレス サイトには、SXAページ デザイン 機能が付属しています。

    パーシャルデザイン

    ヘッドレス サイトには、SXAパーシャル デザイン 機能が付属しています。

    プレースホルダー設定

    ヘッドレス サイトには、SXAプレースホルダー設定 機能が付属しています。

    設定

    アプリを動作させるデフォルトの設定項目が含まれています。カスタマイズが可能です。たとえば、ページに新しいテンプレートを使用する場合などです。

    サイトのグループ化

    SXAでは、サイトのグループ化アイテムを使用してサイトを定義できます。サイト定義に必要なすべてのデータ (ホスト名、開始アイテム、仮想フォルダなど) が含まれます。

    デフォルトでは、SXAヘッドレス サイトはライブ モードを使用します。ライブ モードでは、Sitecoreはマスター データベースからWebサイトのコンテンツを読み取ります。

    SXA headless live mode.

    Webデータベースに切り替える場合は、APIキーとSXAヘッドレス サイトの両方を公開する必要があります。

  7. 次の手順: ヘッドレス テナントとサイトの作成が完了したら、従来のJSSアプリをインポートできます。

メモ

クローンスクリプトを使用して、サイトの 複製を作成できます

この記事を改善するための提案がある場合は、 お知らせください!