統合モードでの JSS アプリの起動
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
サーバーサイドで JSS アプリケーションをレンダリングし、アプリケーションを高度な Sitecore エディターと統合するには、アプリケーションを統合モードで実行する必要があります。
このモードを使用すると、Sitecore ユーザーは、エクスペリエンス エディターや Horizon などの Sitecore の高度なエディターを使用して、JSS アプリのコンテンツ、プレゼンテーション、およびその他のマーケティング機能を管理できます。
Next.js JSS アプリケーションは、Sitecore エディターとの統合に統合モードを使用しません。代わりに、Next.js のプレビュー機能をHTTP レンダリング エンジンと組み合わせて使用します。Next.js アプリケーションは、レンダリング ホストとして機能します。
統合モードは、Sitecore インスタンス内で JSS アプリをホストします。アプリケーションは、Sitecore によってホストおよびオーケストレーションされた Node.js インスタンス、または HTTP レンダリング エンジンを利用するリモート レンダリング ホストによってサーバーサイドでレンダリング (SSR) されます。クライアントで最初に JavaScript を実行することなく、完全な HTML がユーザーに配信されます。データは Sitecore レイアウト サービスから収集され、余分な HTTP 呼び出しなしで Sitecore から Node に渡されます。
次の図は、統合モードでの要求フローを示しています。
アプリケーションを統合モードで実行するには:
-
手順に従って、アプリケーションを Sitecore に接続してデプロイします。
-
http://<your-configured-app-hostname>に移動し、アプリケーションの設定されたホスト名を使用してブラウザーでアプリケーションを開きます。ヒントホスト名は、
/sitecore/config/<YOUR_APP_NAME>.configにあるアプリケーションの設定ファイルで確認できます。
本番環境での統合モード
JSS アプリケーションは、 Content Management サーバー上の本番環境でのみ統合モードで実行し、高度なエディター統合を可能にします。
トラフィックが多い運用サイトでは、ヘッドレス サーバー側のレンダリング モードを推奨します。これは、追加のスケーリング オプション、優れたスケーラビリティ、大量のトラフィックに対するホスティング コストの削減を実現するためです。JSS アプリで接続された GraphQL を使用するときにアプリケーションをサーバー側でレンダリングする場合、これは特に重要です。