So führen Sie lokales Debuggen auf WeChat durch

巴扎黑
Freigeben: 2017-03-18 17:24:42
Original
2133 Leute haben es durchsucht

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

    So führen Sie lokales Debuggen auf WeChat durch

  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

    So führen Sie lokales Debuggen auf WeChat durch

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

    So führen Sie lokales Debuggen auf WeChat durch

Der ganze Prozess sieht also so aus Dies:
So führen Sie lokales Debuggen auf WeChat durch 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 dianhua.qq.com Die Anfragen kommen alle über den Proxy von Charles an den Host. Da der Host geändert wurde, 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 dianhua.qq.com

Der ganze Vorgang läuft so ab:
So führen Sie lokales Debuggen auf WeChat durch

Oben, auf dem Handy 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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage