--- title: "統合モードでJSSアプリを起動します" slug: "start-a-jss-app-in-integrated-mode" abstract: "JSSアプリをサーバー側でレンダリングする際、Sitecoreエディターでコンテンツとプレゼンテーションを管理してください。" --- # 統合モードでJSSアプリを起動します サーバーサイドでJSSアプリケーションをレンダリングし、高度なSitecoreエディタと連携するには、アプリケーションを統合モードで実行する必要があります。 このモードでは、SitecoreユーザーがExperience EditorやHorizonなどのJSSアプリの上級エディターを使って、JSSアプリのコンテンツ、プレゼンテーション、その他のマーケティング機能を管理できます。 > !重要Next.js JSSアプリケーションはSitecoreエディターとの統合に統合モードを使用しません。代わりに[、Next.jsのプレビュー機能を](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/architecture-and-apis-for-integrating-jss-next-js-apps-with-sitecore-editors.html "Architecture and APIs for integrating JSS Next.js apps with Sitecore editors")[HTTPレンダリングエンジン](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/rendering-engines-and-jss.html "Rendering engines and JSS")と組み合わせて使用しています。Next.jsアプリケーションはレンダリングホストとして機能します。 統合モードでは、JSSアプリをSitecoreインスタンス内にホストします。アプリケーションは、Sitecoreがホスト・オーケストレーションするNode.jsインスタンス、または[HTTPレンダリングエンジン](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/http-rendering-engine.html "HTTP rendering engine")を活用したリモートレンダリングホストによってサーバー*サイドレンダリング(SSR)されます*。クライアント上で初期のJavaScript実行なしに、完全なHTMLがユーザーに提供されます。データはSitecoreレイアウトサービスから提供され、SitecoreからNodeへ追加のHTTP呼び出しなしで渡されます。 以下の図は、統合モードにおけるリクエストフローを示しています。 ![HTTP requests in integrated mode](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/hd/19/sitecore-headless-development/images/ApplicationModesIntegrated16_.svg) アプリケーションを統合モードで実行するには: 1. アプリケーションの [接続と展開](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--connecting-a-jss-application-to-sitecore.html "Walkthrough: Connecting a JSS application to Sitecore")の手順に従ってSitecore。 2. アプリケーションのホスト名を設定してブラウザ上でアプリケーションを開き、http://に移動します。 > !ヒント公式のアプリケーションサンプルに基づいてjss createコマンドで構築されたアプリケーションでは、ホスト名はアプリケーションの設定ファイルに /sitecore/config/.configにある。 ## 本番環境における統合モード JSSアプリケーションは、本番環境でのみContent Managementサーバー上で統合モードで実行し、高度なエディター統合を可能にします。 トラフィックの多い本来の現場では、ヘッドレスサーバーサイドレンダリングモードを推奨します。これは追加のスケーリングオプション、より良いスケーラビリティ、そして重トラフィックに対するホスティングコストの低減を提供するからです。 [JSSアプリで接続されたGraphQL](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/connected-graphql-in-jss-apps.html "Connected GraphQL in JSS apps")を使用する場合、サーバーサイドでアプリケーションをレンダリングする場合、これは特に重要です。