ヘッドレス テナントとサイトを作成する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecore JavaScriptレンダリングSDK (JSS) を使用すると、フロントエンド開発者はSitecore上にJavaScriptアプリを構築できます。Sitecoreヘッドレス サービスを使用すると、SXAでヘッドレス テナントとサイトを作成して、JSSアプリの操作を容易にすることができます。ヘッドレス テナントとサイトは、サイトをスキャフォールディングし、構造化された方法でJSSアプリをインポートするのに役立ちます。
ヘッドレス テナントとサイトを作成するには:
-
コンテンツ エディタで、コンテンツ ツリーのコンテンツ アイテムを右クリックし、Insert、Headless Tenantの順にクリックします。
-
ウィザードで、テナントの名前を入力し、モジュールを選択して、OKをクリックします。
-
ヘッドレス サイトを作成するには、ヘッドレス テナントを右クリックし、Insert、Headless Siteの順にクリックします。
-
ウィザードのGeneralタブで、サイトの名前を入力します。
-
Modulesタブで、モジュールを選択し、OKをクリックします。
メモSite Settingsタブでは、GraphQL endpointとDeployment secretを変更できますが、これらは後で追加することをお勧めします。
-
OKをクリックして、ヘッドレス サイトを作成します。
SXAは、次の構造でサイトを作成します。
フォルダ
サブフォルダ
形容
家
サイト ページが含まれます。
メディア
サイトで使用可能なすべてのメディアアイテムが含まれます。
データ
Webサイト内の複数のページで再利用できるデータ ソースが含まれています。
辞書
多言語アプリには、翻訳が必要な静的フレーズの辞書が必要です。JSSは、このフォルダに翻訳をインポートします。
プレゼンテーション
ページデザイン
ヘッドレス サイトには、SXAページ デザイン 機能が付属しています。
パーシャルデザイン
ヘッドレス サイトには、SXAパーシャル デザイン 機能が付属しています。
プレースホルダー設定
ヘッドレス サイトには、SXAプレースホルダー設定 機能が付属しています。
設定
アプリを動作させるデフォルトの設定項目が含まれています。カスタマイズが可能です。たとえば、ページに新しいテンプレートを使用する場合などです。
サイトのグループ化
SXAでは、サイトのグループ化アイテムを使用してサイトを定義できます。サイト定義に必要なすべてのデータ (ホスト名、開始アイテム、仮想フォルダなど) が含まれます。
デフォルトでは、SXAヘッドレス サイトはライブ モードを使用します。ライブ モードでは、Sitecoreはマスター データベースからWebサイトのコンテンツを読み取ります。
Webデータベースに切り替える場合は、APIキーとSXAヘッドレス サイトの両方を公開する必要があります。
ヘッドレス テナントとサイトの作成が完了したら、アプリのインポートを開始できます。