統合モードでJSSアプリを起動します

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

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

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

このモードでは、SitecoreユーザーがExperience EditorやHorizonなどのJSSアプリの上級エディターを使って、JSSアプリのコンテンツ、プレゼンテーション、その他のマーケティング機能を管理できます。

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

統合モードでは、JSSアプリをSitecoreインスタンス内にホストします。アプリケーションは、Sitecoreがホスト・オーケストレーションするNode.jsインスタンス、またはHTTPレンダリングエンジンを活用したリモートレンダリングホストによってサーバーサイドレンダリング(SSR)されます。クライアント上で初期のJavaScript実行なしに、完全なHTMLがユーザーに提供されます。データはSitecoreレイアウトサービスから提供され、SitecoreからNodeへ追加のHTTP呼び出しなしで渡されます。

以下の図は、統合モードにおけるリクエストフローを示しています。

HTTP requests in integrated mode

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

  1. アプリケーションの 接続と展開の手順に従ってSitecore。

  2. アプリケーションのホスト名を設定してブラウザ上でアプリケーションを開き、http://に移動します。

    !ヒント公式のアプリケーションサンプルに基づいてjss createコマンドで構築されたアプリケーションでは、ホスト名はアプリケーションの設定ファイルに /sitecore/config/<YOUR_APP_NAME>.configにある。

本番環境における統合モード

JSSアプリケーションは、本番環境でのみContent Managementサーバー上で統合モードで実行し、高度なエディター統合を可能にします。

トラフィックの多い本来の現場では、ヘッドレスサーバーサイドレンダリングモードを推奨します。これは追加のスケーリングオプション、より良いスケーラビリティ、そして重トラフィックに対するホスティングコストの低減を提供するからです。 JSSアプリで接続されたGraphQLを使用する場合、サーバーサイドでアプリケーションをレンダリングする場合、これは特に重要です。

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