as

Settings
Sign out
Notifications
Alexa
Amazonアプリストア
AWS
ドキュメント
Support
Contact Us
My Cases
開発
設計と開発
公開
リファレンス
サポート

ネットワークプロキシに関する問題のトラブルシューティング

ネットワークプロキシに関する問題のトラブルシューティング

このページでは、ネットワークプロキシツールを使用するときによくある問題と解決策について説明します。特定の問題の解決策がここで見つからない場合は、開発者フォーラムに問題を投稿して追加のサポートを受けることができます。

ネットワークトラフィックのログが停止する

原因: プロキシポートがブロックされているか、VS Codeまたはネットワークプロキシを再起動する必要があるか、ポートが競合しているか、ポートフォワーディングとデバイスのネットワーク接続に問題があります。

解決策:

  1. プロキシポートが開いていて、ファイアウォールでブロックされていないことを確認します。
  2. VS Codeとネットワークプロキシを再起動します。
  3. コマンドパレットを開きます。

    Mac:shift + command ⌘ + p

    Linux: Ctrl + Shift + P

  4. Reload Window」と入力します。
  5. ポートの競合が発生している可能性があるため、別のポート番号を使用してみます。
  6. ポートフォワーディングの設定とデバイスのネットワーク接続を確認します。

HTTPSトラフィックがログに記録されない

原因: SSLオプションが無効になっているか、SSL証明書に問題があるか、プロキシ構成が正しくありません。

解決策:

  1. [Settings] > [Enable SSL] で、SSLオプションが有効になっていることを確認します。
  2. SSL証明書が自動的にassets/rawフォルダに生成されていることを確認します。
  3. SSL証明書のインストールステータスを確認します。
  4. proxy-config.jsonファイルのプロキシ構成が正しいことを確認します。

    サンプル構成:

    クリップボードにコピーしました。

     {
        "enableSSLProxying": true,
        "caBundleFile": "raw/ca.pem",
        "host": "10.0.2.2",
        "port": 5667,
        "enableCallStack": true
     }
    

デバッグセッションが競合する

原因: React Nativeでサポートされるデバッグセッションは一度に1つです。アクティブなデバッグセッションが存在し、[Capture Call Stack] オプションが有効になっていると、競合が発生します。

解決策: この競合を解決するには、次の2つの方法があります。

オプション1: アクティブなデバッグセッションを確認して停止する

  1. ネットワークプロキシを開始します。

    a. Visual Studio(VS)Codeで、Cmd+Shift+P(macOS)またはCtrl+Shift+P(Linux)を押してコマンドパレットを開きます。

    b. 「Network Proxy」と入力し、「Vega: Start Network Proxy」を選択します。

    c. ネットワークプロキシが初期化されるまで待ちます。

  2. VS Codeで、アクティブなデバッグセッションがないかどうかを確認します。

    a. アクティブなセッションがある場合は、[停止] ボタン(赤い四角形)が使用可能な状態になったデバッグコントロールが表示されます。

    b. アクティブなセッションがない場合は、手順4に進みます。

  3. セッションがアクティブな場合は、デバッグの [停止] ボタンをクリックしてセッションを終了します。

    デバッグアイコンのあるVS Codeのデバッグコントロールにアプリがアタッチされた状態を示す画像。
    VS Codeのデバッグコントロール
  4. アプリをビルドし、インストールして起動します。

オプション2: ネットワークプロキシで [Capture Call Stack] を無効にする

  1. [Setup Network Proxy] 設定に移動します。

    a. VS Codeで、Cmd+Shift+P(macOS)またはCtrl+Shift+P(Linux)を押してコマンドパレットを開きます。

    b. 「Network Proxy」と入力し、「Vega: Setup Network Proxy」を選択します。

  2. ネットワークプロキシの設定ウィンドウで、[Capture Call Stack] オプションを未選択の状態にします。オプションにチェックが付いている場合は、チェックボックスをオフにします。

    ネットワークプロキシ設定のユーザーインターフェイスを示す画像。[Capture Call Stack] オプションはオフになっています。
    ネットワークプロキシの設定
  3. アプリをビルドし、インストールして起動します。


Last updated: 2025年9月30日