JSS RESTレイアウトサービスでレイアウトデータを取得

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

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

Sitecoreからレイアウトデータを取得するためのエンドポイントの一つは、Sitecore Headless Servicesが提供するSitecoreレイアウトサービスで、JSSが提供するクラスをRestLayoutServiceしています。

Sitecoreレイアウトサービスを利用する際は、JSS RESTレイアウトサービスの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 });

デフォルトの実装がニーズに合わない場合は 、カスタムデータフェッチャーを使うことができます。

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