Next.js JSSアプリでRESTとGraphQLを切り替えましょう
Version:
日本語翻訳に関する免責事項
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
JSS Next.jsアプリケーションは、レイアウトや辞書データを取得するためにSitecoreレイアウトサービスREST APIまたはSitecore GraphQLエッジスキーマ のいずれかを使用できます。
プロジェクト作成後に、APIとやり取りする際にどのJSSサービスを使うかをアプリケーションに指示することで、データ取得方法Sitecore変更できます。具体的には、JSSレイアウトAPIとJSS GraphQL APIが提供するRESTサービスとGraphQLサービスの間で切り替える必要があります。
!注この手順では環境変数の更新が必要です。ローカル開発の場合は、.envファイルの変数を更新します。Vercel上でデプロイする場合は、Vercelダッシュボードのプロジェクト設定で環境変数を更新する必要があります。他のホスティングサービスについては、そのサービスの推奨に従ってアプリケーション用の環境変数を提供します。
RESTサービスからGraphQLサービスへの切り替え
Next.jsのサンプルアプリケーションをRESTからGraphQLに切り替えるには:
- 環境変数の変数を変数 FETCH_WITH に置き換え GraphQL。
GraphQLからRESTサービスへの切り替え
Next.jsのサンプルアプリケーションをGraphQLからRESTに切り替えるには:
- 環境変数の変数を変数 FETCH_WITH に置き換え REST。
- JSSアプリケーションでnextjs-sxaアドオンを使用している場合、/src/lib/layout-service-factory.tsファイルでRestLayoutServiceオブジェクトのconfigurationNameパラメータ値が'sxa-jss'であることを確認してください。
- nextjs-sxaアドオンなしでJSS Next JSアプリを使う場合、configurationNameはデフォルトでjssになります。必要に応じてLAYOUT_SERVICE_CONFIGURATION_NAME環境変数でカスタマイズできます。
この記事を改善するための提案がある場合は、 お知らせください!