1. JSS React Nativeのアプリケーションモード

JSS React Nativeアプリを接続トンネルモードで実行します

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

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

ローカルマシンやパブリック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

  • iOS向けに:

    jss start-ios

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