Comment visualiser votre site web local sur un téléphone portable depuis Wampserver

Étant développeur web, nous rencontrons souvent plusieurs petits problèmes de compatibilité avec notre site quand il s'agit de le mettre en Responsive, On pourrait travailler le responsive d'un site internet sur un navigateur qui nous montre bel et bien l'affichage de celui-ci sans aucun problème mais détrompez vous car la réalité peut être différente ou pas.

Dans cet article je vous montre comment visualiser votre site web local sur un téléphone portable pour tester le response en temps réel.

ceci s'adresse plus au développeurs PHP sur Wampserver, MAMP, XAMP et autres.

Etapes à suivre.

1. Votre téléphone mobile doit être connecté au même réseau que votre ordinateur. Vous pourrez créer un point d'accès sur votre mobile et ensuite connectez votre ordinateur à ce réseau, l'inverse est aussi possible. 

2. Aller dans paramètres sur votre ordinateur, puis mis à jour et Sécurité > Sécurité windows > Par-feu et protection du réseau. Veuillez désactiver tous les par-feus afin de rendre votre ordinateur accessible. N'oubliez pas de les réactiver après l'utilisation pour sécuriser votre ordinateur. 

3. Démarrez votre Wampserver, aller sur la barre de tâches, assurez-vous que son icon est en vert, Faites un clique droit, puis aller sur apache et cliquez sur le fichier Httd-vhosts.conf, Ouvrez ce fichier comme un document dans un bloc note. Vous devez modifier la permission de partage en remplaçant Require local par Require all granted puis enregistrer

4. Puis ouvrez votre invite de commande ou console en faisant Win+R puis tapez CMD et enter. Une fois votre invite de commande ouvert, Tapez; ipconfig pour voir votre adresse IP (Adresse IPv4).  Aller taper cette même adresse dans la barre d'adresse de votre navigateur mobile suivi de l'emplacement de votre page à afficher. (Page en PHP dans votre dossier www/projet) 

Donc à la place de localhost tapez cette adresse.

Par exemple tapez : 192.20.17.10/projet/index.php

Suivez la video :