サーバーサイドのレンダリングJSSアプリケーション

統合モードでのサーバーサイドレンダリングJSSアプリ

Version:

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

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

JSSアプリケーションを統合モードで実行すると、Node.jsサーバーはJSSアプリケーションをレンダリングしてからクライアントに提供します。Node.jsサーバーは、Sitecoreサーバー上で実行され、JSSアプリケーションにレンダリングサービスを提供するレンダリングエンジンとして機能します。

SSRを統合モードで動作させるには、JSSアプリケーションでrenderView関数をエクスポートし、ライブラリの公開方法webpack構成する必要があります。

renderView関数

Node.jsレンダリングエンジンは、アプリが次のシグネチャを持つrenderViewという名前のグローバル関数をエクスポートすることを想定しています。

renderView(callback, routePath, data, viewBag) {}

ルートを提供するとき、レンダリングエンジンはrenderView関数を呼び出します。

コードでこの関数を宣言する方法の例については、JSS ReactおよびVue.jsサンプルアプリのserver/server.jsファイルまたはJSS Angularサンプルアプリのserver.bundle.tsファイルを参照してください。

Webpackライブラリのターゲットタイプ

JSSアプリケーションのサーバーバンドルは、アプリケーションのサーバー側レンダリングのエントリポイントを提供する必要があります。このためには、webpackバンドルでoutput.libraryTargetを 'this'に設定する必要があります。この設定により、JSSアプリのサーバーバンドルがオブジェクトとして公開され、レンダリングエンジンがサーバーバンドルによってエクスポートされたrenderView関数を呼び出すことができます。例えば：

{
  output: {
    libraryTarget: 'this' //required for use with JSS rendering engine
  }
}

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