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