JSSアプリをJSS 21.7にアップグレードする

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

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

Sitecore JavaScript Rendering SDKバージョン21.7では、パッケージJSS、その他のNPM依存関係、そしていくつかの環境変数に変更が加えられています。

!注始める前に

まだアップグレードしていなければ、アプリをJSS 21.6にアップグレードしてください。

アップグレードの影響を理解するために、JSS 21.7のリリースノートに精通してください。

このトピックでは、以下の方法を説明します:

Reactアプリで依存関係を更新する

JSSテンプレートに基づいてアプリケーションをアップグレードするには、いくつかの依存関係を変更し、その使用方法を置き換える必要があります。

アプリケーションのアップグレード:

package.jsonファイルでは、すべての@sitecore-jss依存関係を~21.7.0バージョンに更新し、deep-equal依存関係をバージョンfast-deep-equal^3.1.3に置き換えてください。
シェルでは、以下のコマンドを実行してアプリ内の依存関係をインストールまたは更新します:

npm install
/src/Layout.jsファイルを以下のように更新してください:
- deepEqualインポート文を削除してください。
- 新たに追加された依存関係からfastDeepEqual関数をインポートします:
  
  import fastDeepEqual from 'fast-deep-equal/es6/react';
- deepEqual関数の使用をfastDeepEqual関数に置き換えます:
  
  if (fastDeepEqual(prevProps.route, nextProps.route)) return true;

JSS Next.jsアプリのアップグレード:

JSS 21.7では、NodeのヘッドレスSSRプロキシテンプレートがレイアウトサービスリクエストにsc_siteクエリパラメータを追加します。

NodeのヘッドレスSSRプロキシアプリを更新するには:

/src/config.tsファイル内で、qsParams設定プロパティを使ってレイアウトサービスリクエストのクエリ文字列パラメータを追加します。

setHeaders: (_req, _serverRes, proxyRes) => { delete proxyRes.headers'content-security-policy'; }, /** * Query string parameters to add to Layout Service requests. */ qsParams: sc_site=${siteName}, //...

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