Comment effectuer un débogage local sur WeChat

Comment faire du débogage local dans le développement WeChat ?

Faisant semblant d'être invitée, l'équipe a récemment rencontré des problèmes similaires, j'aimerais donc partager une expérience.

Parlez simplement du débogage local.
Habituellement, les pages Web WeChat doivent être publiées sur le réseau externe. En ce qui concerne le système de publication extrêmement difficile et compliqué, nos chiens frontaux ne peuvent pas non plus se plaindre. Même si FTP est pratique, il n'est pas scientifique (élégant). ) façon de le faire. Car pour les versions existantes en ligne, personne n'ose les diffuser sur Internet avant que le développement et les tests ne soient terminés.
Dans le processus de développement Web de bureau traditionnel, le lien une fois le développement local terminé est le test et le débogage conjoints, parlons donc d'abord de la façon de configurer HOST pour l'appareil.

1. Configurez HOST pour l'appareil

La distance la plus éloignée au monde, vous êtes sur le réseau externe, je suis dans l'environnement de test.

Modifier le fichier HOST de l'appareil lui-même est une méthode avancée (pervertie), donc par défaut, il n'y a aucune autorisation pour le modifier. Cependant, après avoir jailbreaké un appareil iOS ou rooté un appareil Android, vous pouvez faire ce que vous voulez. Il existe également de nombreuses applications spécialement conçues pour modifier le fichier hôte. Bien sûr, le principe est que vous devez jailbreaker et rooter l'appareil. .
Ici, nous parlons uniquement de la façon de configurer HOST pour l'appareil sans jailbreak ni root.
L'idée principale est d'utiliser un hôte comme serveur proxy, et le téléphone mobile se connecte via le proxy HTTP Toutes les requêtes HTTP sur le téléphone mobile passent par le proxy hôte, donc tant que l'HÔTE de l'hôte est modifié. , le but peut être atteint.
L'équipe est juste moi et @xzheng. Nous travaillons tous les deux sur Macbook Pro. La plateforme est relativement unifiée, elle est donc plus facile à gérer.
Outils que nous utilisons :

• Un iMac connecté au WiFi

• Autant d'appareils mobiles que vous le souhaitez dans le même. Le segment du réseau WiFi, iOS ou Android ne sont pas limités

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

• Application de gestion HOST Gas Mask (2ndalpha/gasmask · GitHub)

Les principales étapes sont :

1. Connectez l'iMac et l'appareil au même WiFi et assurez-vous qu'ils sont sur le même segment de réseau, tel que :
   iMac 192.168 .1.88
   iPhone 192.168 .1.101

2. Ouvrez le service proxy iMac via Charles et capturez le paquet
   

   
   

3. Réglez le proxy HTTP de l'appareil sur manuel, l'adresse du serveur est l'adresse IP de l'iMac et le numéro de port par défaut est 8888
   

   
   
   

4. Modifier le fichier iMac HOST via un masque à gaz
   

   
   
   

Ainsi, l'ensemble du processus semble comme ceci :
À propos, l'un des avantages de cette procédure est que de nombreuses API JS dans la vue Web intégrée de WeChat nécessitent une application d'autorisation (théoriquement) WeChat vérifiera automatiquement l'emplacement du nom de domaine URL actuel. vérification de l'autorité. Par conséquent, si ces méthodes API ne peuvent pas être appelées sans utiliser un nom de domaine cohérent avec l'environnement réel du réseau externe, HOST peut efficacement éviter ce problème.
Ce qui précède, le tout sur votre téléphone mobile http://dianhua.qq.com Les demandes parviennent toutes à l'hôte via le proxy de Charles. Parce que l'hôte a été modifié, http://dianhua.qq.com La demande est indirectement transférée à l'adresse IP définie dans le fichier HOST.

2. Débogage local
J'étais heureux lorsque la personne qui a posé la question a mentionné encore et encore que Zend Studio était là, HOST a été résolu, le débogage local n'est pas facile :

1. Suivez la méthode mentionnée ci-dessus, connectez le proxy HTTP du téléphone mobile à l'hôte

2. Ouvrez un environnement local sur l'hôte, demandez quel fournisseur d'environnement PHP Fort, je arrêté silencieusement et sélectionné XAMPP
   

3. pour changer l'hôte HOST en local 127.0.0.1 http://dianhua.qq.com
   

L'ensemble du processus est comme ceci :


Ci-dessus, sur téléphone portable http://dianhua.qq.com Les requêtes transitent par l'hôte et vont dans le répertoire htdoc de l'hôte sous l'influence du fichier HOST.
Économisez ici, rafraîchissez-vous là, cria Bashi de misère.

L'exemple ci-dessus concerne l'environnement Mac. La combinaison invincible de Fiddler Willow sous Windows est la même. Vous pouvez l'essayer si nécessaire.

C'est notre approche, j'espère qu'elle sera utile au sujet, c'est tout.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!