Comment visualiser votre site web local sur un téléphone portable depuis Wampserver - Letecode
Suivez nous
Les Trucs et Astuces

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 8736 3

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

 

6
Laisser un commentaire
Marden Mbiya
Marden Mbiya

Frontend Web Developer, Designer UI| UX 💻 ✏️

Voir plus

Tutoriel Laravel 8 - Livewire CRUD : insérer, Lire, modifier et supprimer

Laravel

Tutoriel Laravel 8 : Générer et Lire un fichier Sitemap XML

Laravel

0 commentaire(s)

  • Image placeholder
    @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épondre
    1 réponses
    • Image placeholder
      @mardenmbiya il y a 1 an

      Salut, vous devez surtout chercher le fichier indiqué

  • Image placeholder
    @elvin-kyungu il y a 2 ans

    Waouh c'est tres clair

    Répondre
  • Image placeholder
    Marden il y a 3 ans

    N'oubliez surtout pas de vous abonnez

    Répondre

Laissez votre commentaire à @mardenmbiya

ou pour laisser un commentaire
Suivez nous
Posts similaires

Comment Installer WhatsApp sur PC sans Téléphone ?

25 septembre 2020 Les Trucs et Astuces
Community
Catégories
Laravel Les Trucs et Astuces Microsoft Web Tutoriels Android JavaScript PHP Apple Android Security HTML CSS Google Git & GitHub Database NodeJS Jetpack Compose