WeChat でローカル デバッグを実行する方法

WeChat 開発でローカル デバッグを行うにはどうすればよいですか?

招待されたふりをして、チームが最近同じような問題に遭遇したので、いくつかの経験を共有したいと思います。

ローカル デバッグについて話しているだけです。
通常、WeChat の Web ページは外部ネットワークに公開する必要があります。非常に困難で複雑な公開システムとなると、たとえ FTP が便利であっても、それは非科学的です。どうやってするの。なぜなら、既存のオンライン バージョンの場合、開発とテストが完了する前にそれを外部に放り出す勇気のある人は誰もいないからです。
従来のデスクトップ Web 開発プロセスでは、ローカル開発が完了した後のリンクは共同テストとデバッグであるため、最初にデバイスの HOST を構成する方法について説明します。

1. デバイスにホストを割り当てます

あなたは外部ネットワーク上にあり、私はテスト環境にいます。

デバイス自体の HOST ファイルを変更するのは高度な (倒錯的な) 方法であるため、デフォルトでは変更する権限がありません。ただし、iOS デバイスをジェイルブレイクしたり、Android デバイスを root 化した後は、好きなことを行うことができます。もちろん、デバイスをジェイルブレイクして root 化する必要があることが前提です。 。
ここでは、ジェイルブレイクやroot化を行わずにデバイスのHOSTを構成する方法についてのみ説明します。
主なアイデアは、ホストをプロキシ サーバーとして使用することであり、携帯電話は HTTP プロキシを介して接続します。そのため、ホストの HOST が変更される限り、携帯電話上のすべての HTTP リクエストはホスト プロキシを経由します。目的は達成できる。
チームは私と @xzheng だけです。私たちは 2 人とも Macbook Pro に取り組んでいます。プラットフォームは比較的統一されているので、扱いやすいです。
使用するツール:

• WiFiに接続されたiMac

• 同じWiFiセグメント、iOSまたはAndroidに接続されている複数のモバイルデバイスは制限されません

• プロキシサービスとパケットキャプチャアプリケーション Charles ( Charles Web デバッグ プロキシ • HTTP モニター / HTTP プロキシ / HTTPS & SSL プロキシ / リバース プロキシ)

• HOST 管理アプリケーション Gas Mask (2ndalpha/gasmask · GitHub)

主な手順は次のとおりです:

1. iMac とデバイスの両方を同じ WiFi に接続し、次のように同じネットワーク セグメント上にあることを確認します。
   iMac 192.168.1.88
   iPhone 192.168.1.101

2. Charles iMac のプロキシ サービスを通じて開き、パケットをキャプチャします
   

   
   

3. デバイスのHTTPプロキシを手動に設定し、サーバーアドレスはiMacのIP、ポート番号はデフォルトで8888に設定されます
   

   
   
   

4. ガスマスクを介して変更するにはiMac の HOST ファイル
   

   
   
   

つまり、プロセス全体は次のようになります:
ちなみに、これを行う利点の 1 つは、申請時に WeChat の組み込み Webview に多くの JS API が必要になることです。許可の場合、(理論上) WeChat は現在の URL が存在するドメイン名に対して許可の検証を実行します。したがって、外部ネットワークの実際の環境と一致するドメイン名を使用せずにこれらの API メソッドを呼び出すことができない場合、HOST はこの問題を効果的に回避できます。
上記はすべて携帯電話で http://dianhua.qq.com ホストが変更されているため、リクエストはすべて Charles のプロキシを通じてホストに届きます。http://dianhua.qq.com。 リクエストは、HOST ファイルに設定された IP に間接的に転送されます。

2. ローカル デバッグ
質問者が Zend Studio について何度も言及したときは嬉しかったです。HOST は解決されましたが、ローカル デバッグは簡単ではありません:

1. 上記の方法に従って、モバイルを接続します。どちらの PHP 環境が良いかというと、黙って XAMPP

2. を選択し、ホスト HOST をローカル 127.0 に変更しました。 0.1
   http://

dianhua.qq.com

全体のプロセスは次のとおりです:


上記は携帯電話の場合 http://dianhua.qq.com リクエストはホストを通過し、HOST ファイルの影響下でホストの htdoc ディレクトリに移動します。
ここで保存して、そこでリフレッシュして、バシは惨めな気持ちで泣きました。

上記の例は Mac 環境での Fiddler + Willow の無敵の組み合わせです。必要に応じて試してみてください。

これが私たちのアプローチです、質問者様のお役に立てれば幸いです、以上です。

以上がWeChat でローカル デバッグを実行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。