Next.js JSSアプリでのRESTとGraphQLの切り替え

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

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

JSS Next.jsアプリケーションは、Sitecoreレイアウト サービスREST APIまたはSitecore GraphQL Edgeスキーマ のいずれかを使用して、レイアウト データとディクショナリ データを取得できます。

プロジェクトの作成後に、Sitecore APIと対話するときに使用するJSSサービスをアプリケーションに指示することで、データ取得方法を変更できます。具体的には、JSS Layout APIJSS GraphQL APIによって提供されるRESTサービスとGraphQLサービスを切り替える必要があります。

メモ

この手順では、環境変数を更新する必要があります。ローカル開発の場合は、.envファイル内の変数を更新します。Vercelにデプロイする場合は、Vercelダッシュボードのプロジェクト設定で環境変数を更新する必要があります。その他のホスティングサービスについては、そのサービスの推奨事項に従って、アプリケーションの環境変数を提供します。

RESTサービスからGraphQLサービスへの切り替え

Next.jsサンプルアプリケーションをRESTからGraphQLに切り替えるには、次のようにします。

  • 環境変数で、変数FETCH_WITHの値をGraphQLに置き換えます。

GraphQLサービスからRESTサービスへの切り替え

Next.jsサンプル アプリケーションをGraphQLからRESTに切り替えるには:

  1. 環境変数で、変数FETCH_WITHの値をRESTに置き換えます。

  2. JSSアプリケーションでnextjs-sxaアドオンを使用している場合は、/src/lib/layout-service-factory.tsファイルでRestLayoutServiceオブジェクトのconfigurationNameパラメータ値が 'sxa-jss'であることを確認してください。

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