Accéder à des Serveurs Locaux

l’Hôte d’un site sur une machine de développement de serveur web, thenaccess le contenu à partir d’un appareil Android.,

avec un câble USB et Chrome DevTools, vous pouvez exécuter un site à partir d’une machine de développement, puis afficher le site sur un appareil Android.

TL;DR

• la redirection de Port vous permet d’afficher le contenu du serveur web de votre machine de développement sur votre périphérique Android.
• Si votre serveur web utilise un domaine personnalisé, vous pouvez configurer votre appareil Android pour accéder au contenu de ce domaine avec un mappage de domaine personnalisé.

configurer la redirection de port

la redirection de Port permet à votre appareil Android d’accéder au contenu qui est hébergé sur le serveur web de votre machine de développement., La redirection de Port fonctionne en créant un port TCP d’écoute sur votre appareil Android qui correspond à un port TCP sur votre machine de développement. Le trafic entre les ports transitent par L’Usbconnexion entre votre appareil Android et la machine de développement, Donc la connexion ne dépend pas de la configuration de votre réseau.

pour activer la redirection de port:

1. configurez le débogage à distance entre votre machine de développement et votre périphérique Android. Lorsque vous avez terminé, vous devriez voir votre appareil Android dans la liste.
2. Cliquez sur le bouton de redirection de Port. localhost:8080 est configuré par défaut.,
3. Vérifiez activer la redirection de port. Si vous souhaitez configurer d’autres ports, suivez les étapes 4 et 5. Sinon, passez à étape 6.
4. dans le champ de texte du Port à gauche, entrez le localhost numéro de port à partir duquel vous souhaitez pouvoir accéder au site sur votre appareil Android. Par exemple, si vous souhaitez accéder au site à partir de localhost:5000, vous entreriez 5000.,
5. dans le champ de texte adresse IP et port à droite, entrez le nom D’hôte de l’adresse IP sur lequel votre site s’exécute sur le serveur web de votre machine de développement, suivi du numéro de port. Par exemple, si votre site s’exécute surlocalhost:7331, vous devez entrer localhost:7331.
6. Cliquez sur Terminé.

la redirection de Port est maintenant configuré. Vous pouvez voir un indicateur d’état du portforward en haut ainsi que le nom du périphérique.,

pour afficher le contenu, ouvrez Chrome sur votre appareil Android et accédez au portlocalhost que vous avez spécifié dans le champ Port de L’appareil. Par exemple, si vous avez entré 5000 dans le champ, puis vous allez àlocalhost:5000.

mappage vers des domaines locaux personnalisés

le mappage de domaine personnalisé vous permet d’afficher du contenu sur un appareil Android à partir d’un serveur web sur votre machine de développement qui utilise un domaine personnalisé.,

par exemple, supposons que votre site utilise une bibliothèque JavaScript tierce qui ne fonctionne que sur le domaine autoriséchrome.devtools. Donc, vous créez une entrée dans votre fichierhosts sur votre machine de développement pour mapper ce domaine àlocalhost (c’est-à-dire127.0.0.1 chrome.devtools). Après avoir configuré le mappage de domaine personnalisé et la redirection de port, vous pourrez afficher le site sur votre périphérique Android à l’URL chrome.devtools.,

configurer la redirection de port vers le serveur proxy

pour mapper un domaine personnalisé, vous devez exécuter un serveur proxy sur votre machine de développement. Des exemples de serveurs proxy sont Charles,Squid et Fiddler.

Pour configurer la redirection de port pour un proxy:

1. lancer le serveur proxy et notez le port qu’il utilise. Remarque: le serveur proxy et votre serveur web doivent fonctionner sur des ports différents.
2. configurez la redirection de port vers votre appareil Android. Pour le champ Adresse locale, entrez localhost: suivi du port sur lequel le serveur yourproxy s’exécute., Par exemple, si il fonctionne sur le port 8000,puis entrez localhost:8000. Dans le champ Port de l’appareil, entrez le numéro sur lequel vous souhaitez que votre appareil Android écoute, tel que 3333.

Configurer les paramètres proxy de votre appareil

Ensuite, vous devez configurer votre appareil Android pour communiquer avec theproxy serveur.

1. sur votre appareil Android Allez dans Paramètres > Wi-Fi.
2. appuyez longuement sur le nom du réseau auquel vous êtes actuellement connecté.Remarque: les paramètres de Proxy s’appliquent par réseau.,
3. Appuyez sur Modifier le réseau.
4. appuyez sur Options avancées. Les paramètres du proxy s’affichent.
5. appuyez sur le menu Proxy et sélectionnez Manuel.
6. pour le champ Nom D’hôte du Proxy, entrez localhost.
7. pour le champ Port Proxy, entrez le numéro de port que vous avez entré port fordevice dans la section précédente.
8. Appuyez sur Enregistrer.

avec ces paramètres, votre appareil transmet toutes ses demandes au proxy onyour machine de développement. Le proxy effectue des demandes au nom de votre appareil,de sorte que les demandes à votre domaine local personnalisé sont correctement résolues.,

Maintenant, vous pouvez accéder à des domaines personnalisés sur votre appareil Android Android comme vous le feriez sur la machine de développement.

Si votre serveur web fonctionne à partir d’un port non standard,n’oubliez pas de spécifier le port lorsque vous demandez le contenu de votre Androiddevice. Par exemple, si votre serveur web utilise le domaine personnaliséchrome.devtools sur le port 7331, lorsque vous affichez le site à partir de votre appareil Androiddevice, vous devez utiliser L’URL chrome.devtools:7331.,

conseil: pour reprendre la navigation normale, n’oubliez pas de rétablir les paramètres du proxy sur votre appareil Android après vous être déconnecté de la machine de développement.

Commentaires