Tester sur différentes machines le responsive d'un site local

Tester sur différentes machines le responsive d'un site local

Dimanche, Mars 1, 2015

Il est souvent nécessaire de tester sur une autre machine (smartphone, tablette ou VM) le responsive d'un site local. Voici la procédure à suivre pour y parvenir.
@todo : La procédure Docker est WIP.

Configurer les IP

  1. Votre serveur (ou ordi l'hébergeant) doit avoir une IP locale fixe (par exemple 192.168.1.22)
    Vous pouvez fixer cette IP soit dans la box, soit dans les paramètres du reseau.
  2. Dans les propriété de connexion reseau, TCP/IPv4, décocher DHCP automatique,
    Utiliser l'adresse IP suivante:
    IP : 192.168.1.22
    masque :255.255.255.0
    passerelle et DNS : 192.168.1.1
    Puis ajouter une nouvelle adresse IP pour le site par laquelle il sera accessible sur une autre machine :
    Ajouter une IP comme 192.168.1.100, masque 255.255.255.0


 

Configuration du  serveur Apache :


Sous ubuntu

Rien de special à modifier

Sous wamp

Dans le fichier httpd.conf, décommenté la ligne :

# Virtual hosts
Include conf/extra/httpd-vhosts.conf

Le Httpd.conf , sous la partie
<Directory "c:/wamp/www">

ajouter la ligne
Allow from 192.168.1

Sous docker (wip)

Idem ci-dessus,
Commande pour modifier httpd.conf d'un container docker :
$docker cp #container_apache:/usr/local/apache2/conf/httpd.conf /var/www/monsite

faire les modifications puis copier dans le container :
docker cp /var/www/mieux-etre/httpd.conf #container_apache:/usr/local/apache2/conf/httpd.conf

 

Ajouter un virtualhost

A ce stade vous devriez avoir un accès distant au repertoire wamp à l'adresse http://192.168.xx  (Ip fixe du serveur)

Pour un accès au site par une ip specifique, ajouter dans le fichier httpd-vhosts.conf (pour wamp)

<VirtualHost 192.168.1.100:80>
   DocumentRoot "C:\wamp\www\monsite"
    ServerName monsite.local
</VirtualHost>

Sous ubuntu

Il faut configurer un nouveau virtualhost (conserver le precedent) pour l'accès au site avec l'iP correspondante, voir ici.
 

Sous docker(wip)

Commande pour modifier vhost.conf d'un container docker :
$docker cp #container_apache:/usr/local/apache2/conf/conf.d/vhost.conf /var/www/monsite

faire les modifications puis copier dans le container :
$docker cp /var/www/mieux-etre/vhost.conf #container_apache:/usr/local/apache2/conf/conf.d/vhost.conf


Configurer le fichier host

Pour conserver un accès local via http;//monsite.local ajouter également la ligne dans le fichier Hosts

192.168.1.100 monsite.local

Sous ubuntu

$sudo nano /etc/hosts

Puis, redémarrer apache.
$systemctl reload apache2
 

Configuration du site Drupal

Vérifier que le fichier site.php (si il est utilisé) dispose bien d'une ligne correspondante:

$sites['192.168.1.100'] = 'mme_extranet';

Autrement Drupal proposera la page core/install...


Acceder au site

Connecter vous au resau local et entrer l'url de votre site :
http://192.168.1.100:80

Bienvenue sur le blog !

Il s'agissait au départ d'un recueil de notes donc certains billets sont plutôt succincts.
J'espère que vous y trouverez l'info qu'il vous manque dans votre recherche.
Vos commentaires sont les bienvenus.

Bonne lecture !

Mois / Années

Recherche