---
title: "JSS React Nativeアプリを接続トンネルモードで実行します"
slug: "run-a-jss-react-native-app-in-connected-tunnel-mode"
abstract: "公開されていないSitecoreインスタンスに接続したReact Nativeアプリケーションを実行します。"
---
# JSS React Nativeアプリを接続トンネルモードで実行します

ローカルマシンやパブリックDNSで利用できないSitecoreインスタンスからレイアウトデータやネットワークイメージを取得するには、JSS React Nativeアプリケーションを接続トンネルモードで実行する必要があります。

例えば、ローカルSitecore開発の一般的なシナリオとしては、開発マシンにSitecoreインスタンスがある場合があります。そのインスタンスはホスト名jssbasicappを使用するサイトで構成されています。IISサイトのホスト名バインディングはjssbasicappに設定されており、hostsファイルにはホスト名jssbasicappが含まれています。シミュレーターや物理デバイスでネイティブアプリケーションをテストしようとすると、アプリケーションはhttp://jssbasicappからデータを要求しなければならず、シミュレーターやデバイスはDNS解決にローカルマシンを使用しないため解決できません。

サンプルアプリケーションでは、/src/dataService/dataService.connected-tunnel.jsファイルの実装を確認できます。接続トンネルモードでアプリケーションを実行する際、アプリケーションはngrokインスタンスを使ってシミュレーター/デバイスとローカル開発マシンの間にトンネルを作成します。レイアウトサービスやアプリケーションからのメディアリクエストはngrokトンネルを使用するように修正されており、これによりSitecoreの応答データをアプリケーションにトンネルし、開発マシンのホストバインディングを変更しません。

JSS React Nativeアプリケーションを実行するには、ターゲットOSに応じてターミナルで以下のいずれかのスクリプトを実行してください:

-   Androidの場合:
    
    jss start-android:connected-tunnel
    
-   iOS向けに:
    
    jss start-ios:connected-tunnel