1. JSS Layout APIを使用したレイアウト・データのフェッチ

JSS RESTレイアウトサービスによるレイアウトデータの取得

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

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

Sitecoreからレイアウト データを取得するために使用できるエンドポイントの1つは、JSSが提供するRestLayoutServiceクラスを使用してSitecore Headless Servicesによって提供されるSitecore Layout Serviceです。

Sitecore Layout Serviceを使用する場合は、JSS REST Layout Serviceのtrackingプロパティの値を切り替えることで、ページ ビューの追跡を有効 (または無効) にすることもできます。

JSSを使用してJSSアプリケーションからSitecoreレイアウト サービスを呼び出すには:

  1. layout-service.tsファイルで、RestLayoutServiceクラスとアプリの構成をインポートします。

    import { RestLayoutService } from '@sitecore-jss/sitecore-jss';
import config from './config';

  2. RestLayoutServiceのインスタンスを作成し、設定オブジェクト (タイプRestLayoutServiceConfig) を指定します。

    export const layoutService = new RestLayoutService({
  apiHost: config.sitecoreApiHost,
  apiKey: config.sitecoreApiKey,
  siteName: config.jssAppName,
  // tracking: false // if you wish to disable tracking
});

  3. データを取得するファイルで、新しいレイアウト サービス インスタンスをインポートして使用します。

    import { layoutService } from './layout-service';

const language = 'en';
const sitecoreRoutePath = '/styleguide';

layoutService.fetchLayoutData(sitecoreRoutePath, language).then(data => {
     // do something with the data
});

デフォルトの実装がニーズを満たさない場合は、カスタム・データ・フェッチャーを使用できます。

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