Comment visualiser votre site web local sur un téléphone portable depuis Wampserver
Tutoriel pour visualiser un site depuis un server local sur un téléphone portable
É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 :
Voir plus
0 commentaire(s)
Laissez votre commentaire à @mardenmbiya
Posts similaires
Comment écrire un code propre en suivant ces règles.
Comment Installer WhatsApp sur PC sans Téléphone ?
Qu'est-ce que la programmation orientée objet ?
Comment héberger son site web gratuitement étape par étape sur Netlify.
API REST : HTTP Status Codes et leurs significations
Catégories
Soyez au courant des dernières tendances
Abonnez-vous pour obtenir les meilleurs articles, tutoriels, astuces et informations !
@epaphras-lukusa-1671489585 il y a 1 an
Salut Ir et merci pour l'astuce, mais dans mon wampServer je trouve pas le Require local, donc je ne parviens pas à me connecter, que faire alors poir palier à ce problèm
Répondre1 réponses
@mardenmbiya il y a 1 an
Salut, vous devez surtout chercher le fichier indiqué
@elvin-kyungu il y a 1 an
Waouh c'est tres clair
RépondreMarden il y a 3 ans
N'oubliez surtout pas de vous abonnez
Répondre