SXAレイアウト サービスを使用して、JSONでページをモデル化する

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

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

SXAでは、データをJSON (JavaScript Object Notation) でモデル化できます。たとえば、モバイル アプリを構築してSXAコンテンツを供給する場合、ページ上のJSONコンテンツを編集して、HTMLではなくJSONでコンテンツを出力できます。特別なレンダリングを使用してJSONレイアウトを作成できますが、Webサイトがデフォルトのレンダリングを使用している場合は、SXAレイアウト サービスを使用してプレースホルダーとデータ ソース アイテムをJSONで返すことができます。

SXAレイアウト サービスは、シリアライザーを使用してJSONコンテンツをレンダリングします。バリアントを使用するすべてのレンダリングには汎用シリアライザーがあり、一部のレンダリングには特定のシリアライザーがあります。レンダリングのLayout Serviceセクションで設定を表示できます。たとえば、Navigationレンダリング用のNavigationシリアライザがあるとします。

JSONでページを表示する

JSONデバイスに切り替えるには:

  1. エクスペリエンス エディターのリボンのExperienceタブで、Defaultをクリックし、JSONをクリックします。

  2. JSONを表示するには、リボンのExperienceタブでOtherをクリックし、Previewをクリックします。

JSONのフラット リストは、ページのツリー構造を表します。たとえば、ページにページ リストのレンダリングが含まれている場合は、次のようにします。

または画像:

メモ

Webページにパーソナライゼーション ルールを適用した場合、これらもJSONで表示されます。たとえば、特定の条件下でレンダリングを非表示にするルールを追加するとします。

検索パラメータを使用したJSONデータのフィルタリング

URLを介してすべてのページに返されるJSONデータを表示してアクセスできます。

検索パラメータを使用してJSONデータをフィルタリングするには:

  • プレビュー モードでJSONデータ検索呼び出しを行うには、ブラウザーのアドレス バーにクエリ パラメーターを追加します。各クエリは疑問符 (?) で開始し、各クエリ パラメーターはアンパサンド (&) 文字で区切る必要があります。値はコンマで区切られます。

コンポーネント タイプ (sc_filter_name)、プレースホルダー (sc_filter_path)、およびコンポーネントID (sc_filter_id) で検索をフィルタリングできます。

例えば:

Query

Description

RequestResponse
= /home?sc_device=json&sc_filter_path=/leftph/menu

プレースホルダーに基づくレンダリングを返します。

RequestResponse
= /home?sc_device=json&sc_filter_id=content,spot1

/home pageからcontentspot1というIDのレンダリングを返します。

RequestResponse
= /home?sc_device=json&sc_filter_name=richtext

/homeページから リッチテキスト 型のレンダリングを返します。

RequestResponse
= /home?sc_device=json&sc_filter_path=content&sc_filter_name=richtext

プレースホルダー コンテンツ内のリッチテキスト型のレンダリングを /homeページから返します。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、