WeChat でローカルデバッグを実行する方法-WeChatの開発-php.cn

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

巴扎黑

リリース： 2017-03-18 17:24:42

オリジナル

2152 人が閲覧しました

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)

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

iMac とデバイスの両方を同じ WiFi に接続し、次のように同じネットワークセグメント上にあることを確認します。
iMac 192.168.1.88
iPhone 192.168.1.101
Charles iMac のプロキシサービスを通じて開き、パケットをキャプチャします
デバイスのHTTPプロキシを手動に設定し、サーバーアドレスはiMacのIP、ポート番号はデフォルトで8888に設定されます
ガスマスクを介して変更するには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 は解決されましたが、ローカルデバッグは簡単ではありません:

上記の方法に従って、モバイルを接続します。どちらの PHP 環境が良いかというと、黙って XAMPP
を選択し、ホスト HOST をローカル 127.0 に変更しました。 0.1
http://

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

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

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

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