Comment visualiser votre site web local sur un téléphone portable depuis Wampserver - Letecode
Formation en Ligne en Développement Web Full stack : Début le 28 Février Inscrivez vous ici

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

Marden Mbiya
Marden Mbiya Mise à jour : 21 décembre 2022 3970
Formation en Ligne en Développement Web Full stack : Début le 28 Février Inscrivez vous ici

É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 :

 

Formation en Ligne en Développement Web Full stack : Début le 28 Février Inscrivez vous ici
4
Marden Mbiya
Marden Mbiya

Frontend Web Developer, Designer UI| UX 💻 ✏️

3 commentaire(s)

  • Image placeholder
    @Epaphras Lukusa il y a 1 mois

    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épondre
  • Image placeholder
    @Elvin Kyungu il y a 3 mois

    Waouh c'est tres clair

    Répondre
  • Image placeholder
    Marden il y a 1 an

    N'oubliez surtout pas de vous abonnez

    Répondre

Laissez votre commentaire à @marden

ou pour laisser un commentaire
Formation en Ligne en Développement Web Full stack : Début le 28 Février Inscrivez vous ici