統合モードでのJSSアプリの起動

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

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

JSSアプリケーションをサーバー側でレンダリングし、アプリケーションを高度なSitecoreエディターと統合するには、アプリケーションを統合モードで実行する必要があります。

このモードでは、Sitecoreユーザーはエクスペリエンス エディターを使用してJSSアプリのコンテンツ、プレゼンテーション、その他のマーケティング機能を管理できます。

大事な

Next.js JSSアプリケーションでは、Sitecoreエディターとの統合に統合モードは使用されません。代わりに、Next.jsのプレビュー機能を HTTPレンダリング エンジンと組み合わせて使用します。Next.jsアプリケーションは、レンダリング ホストとして機能します。

統合モードは、Sitecoreインスタンス内でJSSアプリをホストします。アプリケーションは、SitecoreによってホストおよびオーケストレーションされたNode.jsインスタンス、またはHTTPレンダリング エンジンを利用するリモート レンダリング ホストによってserver-side rendered (SSR)されます。完全なHTMLは、クライアントで最初にJavaScriptを実行することなく、ユーザーに配信されます。データはSitecoreレイアウト サービスから取得され、追加のHTTP呼び出しなしでSitecoreからNodeに渡されます。

次の図は、統合モードでの要求フローを示しています。

HTTP requests in integrated mode

アプリケーションを統合モードで実行するには:

  1. 手順に従って、アプリケーションをSitecoreに接続してデプロイします

  2. アプリケーションで設定されたホスト名を使用してブラウザでアプリケーションを開くには、http://<your-configured-app-hostname>に移動します。

    先端

    ホスト名は、/sitecore/config/<YOUR_APP_NAME>.configにあるアプリケーションの設定ファイルで確認できます。

本番環境での統合モード

実稼働環境では、JSSアプリケーションを統合モードで実行し、Content Managementサーバー上でのみ、拡張エディターの統合を有効にします。

トラフィックの多い本番サイトでは、追加のスケーリングオプション、より優れたスケーラビリティ、および高トラフィックのホスティングコストが削減されるため、ヘッドレスサーバー側レンダリングモードをお勧めします。 JSSアプリで接続されたGraphQLを使用するときに、アプリケーションをサーバー側でレンダリングする場合、これは特に重要です。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、