---
title: "JSS Reactアプリにおける切断モードのサポート"
slug: "disconnected-mode-support-in-the-jss-react-app"
abstract: "JSS Reactアプリが切断モードをサポートする方法の説明。"
---
# JSS Reactアプリにおける切断モードのサポート

JSS[切断モード](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/start-a-jss-app-in-disconnected-mode.html "Start a JSS app in disconnected mode") は、[Sitecoreヘッドレスサービス](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/sitecore-headless-services.html "Sitecore Headless Services") - [レイアウトサービス](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/layout-service.html "Layout Service") および [辞書サービスの](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/dictionary-service.html "Dictionary Service")ローカルモックバージョンを使ってJSSアプリの開発を可能にします。

ReactのJSSアプリケーションを切断モードで起動すると、アプリはモックサービスをホストする別のポートで小さなExpressアプリケーションを実行します。デフォルトのポートは3042です。アプリケーションはすべてのAPIパスへのリクエストをこのモックサービス層にプロキシします。 scripts/disconnected-mode-proxy.jsファイル内でアプリケーションを切断モードで実行するために、このプロキシを検査・カスタマイズできます。

アプリケーションは[create-react-app](https://create-react-app.dev/)で構築されており、[プロキシ動作の手動設定](https://create-react-app.dev/docs/proxying-api-requests-in-development/#configuring-the-proxy-manually)が可能です。 src/setupProxy.jsファイルを参照し、異なるプロキシ構成を確認できます。アプリケーションを切断モードで実行すると、このファイルのセットアップによりAPIリクエストをモックサーバーにプロキシできます。

モックサービス層は自動生成された[JSSマニフェスト](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/jss-manifest-api.html "JSS Manifest API") ファイルによって駆動されます。このファイルはディレクトリ /dataと /sitecore/definitionsの切断されたデータ定義から生成されます。データを変更するとこのマニフェストは自動的に再生成されます。アプリケーションはこのようなデータ変更に対してライブリロードをサポートしています。