ヘッドレスサイトコレクションとサイトの作成
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecore JavaScriptレンダリングSDK(JSS)は、フロントエンド開発者がSitecoreの上にJavaScriptアプリを構築できるようにします。Sitecore Headless Servicesを使えば、JSSアプリの扱いを容易にするヘッドレスサイトコレクションやサイトを作成できます。ヘッドレスサイトコレクションとサイトは、サイトのスキャフォールドやJSSアプリを構造的にインポートするのに役立ちます。
SXAのコンテンツアーキテクチャには、サイトコレクションとサイトが含まれます。SXAは複数のサイトコレクションをサポートしており、1つのSitecoreインスタンス上で複数のサイトを運営できます。各サイトコレクションは、例えば1つの企業で複数のブランドをサポートするために複数の関連サイトを含めることも、1つのブランドのために複数の言語や拠点をカバーすることも可能です。組織は1対1の翻訳版を通じて複数言語をサポートすることも、各対応言語ごとに別々のサイトを持つモデルを利用できます。
例えば、国際的な衣料品会社は異なる衣料ブランドや特定の国ごとに異なるサイトコレクションを持つことがあります。
ヘッドレスサイトコレクションの作成
複数のサイトでリソースを共有する必要がある場合は、1つのサイトコレクション内で作成する必要があります。SXAの複数サイトコレクションアーキテクチャでは、各サイトコレクションにSitecoreインスタンスの専用共有を提供できます。これにはデータテンプレート、設定、ユーザー管理、サイトコレクションの個別機能、非機能的なプロパティが含まれます。
ヘッドレスサイトコレクションを作成するには:
- コンテンツエディターでコンテンツツリーの Content 項目を右クリックし、「 Insert > Headless Site Collection」をクリックします。
- ウィザードでサイトコレクションの名前を入力し、モジュール を選択してOKをクリックします。
ヘッドレスサイトの作成
サイトコレクションは、下にあるサイトの最上位コンテナです。例えば、同じサイトコレクション内のサイトは、同じテンプレートセットやメディアライブラリの一部を共有しているため関連しています。サイトとはウェブサイトを表すアイテムで、ページ、データ、デザイン、部分レイアウトで構成されています。
ヘッドレスサイトを作成するには:
-
コンテンツエディターで、サイトを追加したいサイトコレクションを右クリックし、「 挿入 」をクリックし、その後「 ヘッドレスサイト」をクリックします。
-
ウィザードの 「一般」 タブで、サイト名を入力してください。
!重要SXAのサイト名には空白欄は含めてはいけません。
-
オプションでホスト名と仮想フォルダを指定し、サイトの言語を選択することもできます。
-
モジュールタブで必要なモジュールを選択します。
-
設定タブでGraphQLのエンドポイントとデプロイシークレットを入力できますが、後で入力するのがベストプラクティスです。
-
「OK」をクリックしてヘッドレスサイトを作成します。以下のサイト構造が作成されます:
フォルダー
サブフォルダ
概要
ホーム
サイトのページを含みます。
メディア
サイトで利用可能なすべてのメディアアイテムを含みます。
データ
ウェブサイト内の複数のページで再利用可能なデータソースを含みます。
辞書
多言語アプリには、翻訳が必要な静的なフレーズの辞書が必要です。JSSは翻訳をこのフォルダにインポートします。
プレゼンテーション
ページデザイン
ヘッドレスサイトにはSXA ページデザイン 機能が搭載されています。
部分的な設計
ヘッドレスサイトにはSXA の部分設計 機能が搭載されています。
プレースホルダー設定
ヘッドレスサイトにはSXA のプレースホルダー設定 機能が搭載されています。
舞台設定
アプリを動作させるためのデフォルト設定項目が含まれています。カスタマイズが可能です。例えば、ページに新しいテンプレートを使いたい場合などです。
サイトグルーピング
SXAでは、サイトグルーピング項目を使ってサイトを定義できます。ホスト名、開始項目、仮想フォルダなど、サイトホストに必要なすべてのデータが含まれています。
!注クローンスクリプトを使ってサイトの 複製を作成できます 。