So führen Sie lokales Debuggen auf WeChat durch

Wie führt man lokales Debugging in der WeChat-Entwicklung durch?

Das Team gab vor, eingeladen zu sein, und hatte kürzlich zufällig ähnliche Probleme, daher möchte ich einige Erfahrungen teilen.

Sprechen Sie einfach über lokales Debugging.
Normalerweise müssen WeChat-Webseiten im externen Netzwerk veröffentlicht werden. Auch wenn FTP praktisch ist, ist es unwissenschaftlich (elegant). ) Weg, es zu tun. Denn bei bestehenden Versionen im Internet wagt es niemand, sie ins Internet zu stellen, bevor die Entwicklung und Tests abgeschlossen sind.
Im herkömmlichen Desktop-Webentwicklungsprozess ist der Link nach Abschluss der lokalen Entwicklung das Test-Joint-Debugging. Lassen Sie uns also zunächst darüber sprechen, wie HOST für das Gerät konfiguriert wird.

1. HOST für das Gerät konfigurieren

Die weiteste Entfernung der Welt, Sie befinden sich im externen Netzwerk, ich bin in der Testumgebung.

Das Ändern der HOST-Datei des Geräts selbst ist eine fortgeschrittene (perverse) Methode, sodass Sie standardmäßig keine Berechtigung zum Ändern haben. Nach dem Jailbreak eines iOS-Geräts oder dem Rooten eines Android-Geräts können Sie jedoch tun, was Sie wollen. Es gibt auch viele Apps, die speziell zum Ändern der Hostdatei entwickelt wurden. Voraussetzung ist natürlich, dass Sie das Gerät jailbreaken und rooten müssen .
Hier sprechen wir nur darüber, wie man HOST für das Gerät ohne Jailbreak und Rooting konfiguriert.
Die Hauptidee besteht darin, einen Host als Proxyserver zu verwenden und das Mobiltelefon eine Verbindung über den HTTP-Proxy herzustellen. Alle HTTP-Anfragen auf dem Mobiltelefon laufen über den Host-Proxy, solange der HOST des Hosts geändert wird , der Zweck kann erreicht werden.
Das Team besteht nur aus mir und @xzheng. Wir arbeiten beide am Macbook Pro. Die Plattform ist relativ einheitlich und daher einfacher zu handhaben.
Tools, die wir verwenden:

• Ein mit WLAN verbundener iMac

• So viele Mobilgeräte wie Sie möchten im selben WLAN Netzwerksegment, iOS oder Android sind nicht beschränkt

• Anwendung Charles (Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy)

• HOST-Verwaltungsanwendung Gas Mask (2ndalpha/gasmask · GitHub)

Die Hauptschritte sind:

1. Verbinden Sie sowohl den iMac als auch das Gerät mit demselben WLAN und stellen Sie sicher, dass sie sich im selben Netzwerksegment befinden, zum Beispiel:
   iMac 192.168 .1.88
   iPhone 192.168. 1.101

2. Öffnen Sie den iMac-Proxy-Dienst über Charles und erfassen Sie das Paket
   

   
   

3. Stellen Sie den HTTP-Proxy des Geräts auf manuell ein, die Serveradresse ist die IP des iMac und die Portnummer ist standardmäßig 8888
   

   
   
   

4. iMac HOST-Datei über Gas Mask ändern
   

   
   
   

Der ganze Prozess sieht also so aus Dies:
Ein Vorteil dieser Vorgehensweise besteht übrigens darin, dass viele JS-APIs in der integrierten Webansicht eine Berechtigungsanwendung erfordern. (Theoretisch) überprüft WeChat automatisch den Standort des aktuellen Domänennamens Überprüfung. Wenn diese API-Methoden daher nicht aufgerufen werden können, ohne einen Domänennamen zu verwenden, der mit der realen Umgebung des externen Netzwerks übereinstimmt, kann HOST dieses Problem effektiv vermeiden.
Das oben Gesagte, alles auf Ihrem Mobiltelefon http://dianhua.qq.com Die Anfragen kommen alle über den Proxy von Charles an den Host. Da der Host geändert wurde, http://dianhua.qq.com Die Anfrage wird indirekt an die in der HOST-Datei eingestellte IP weitergeleitet.

2. Lokales Debuggen
Ich war froh, als der Fragesteller immer wieder erwähnte, dass PHP da ist, HOST wurde gelöst, lokales Debuggen ist nicht einfach:

1. Folgen Sie der oben genannten Methode, verbinden Sie den HTTP-Proxy des Mobiltelefons mit dem Host

2. Öffnen Sie eine lokale Umgebung auf dem Host und fragen Sie nach dem PHP-Umgebungsanbieter Strong, I stillschweigend angehalten und XAMPP
   

3. ausgewählt, um den Host HOST in lokal 127.0.0.1 zu ändern http://dianhua.qq.com
   

Der ganze Vorgang läuft so ab:


Oben, auf dem Handy http://dianhua.qq.com Die Anforderungen durchlaufen den Host und gelangen unter dem Einfluss der HOST-Datei in das htdoc-Verzeichnis des Hosts.
Hier speichern, dort aktualisieren, weinte Bashi vor Kummer.

Das obige Beispiel gilt für die Mac-Umgebung. Die unbesiegbare Kombination von Fiddler + Willow unter Windows ist die gleiche. Sie können es bei Bedarf ausprobieren.

Das ist unser Ansatz, ich hoffe, er wird für das Thema nützlich sein, das ist alles.

Das obige ist der detaillierte Inhalt vonSo führen Sie lokales Debuggen auf WeChat durch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!