Tester sur différentes machines le responsive d'un site local
Tester sur différentes machines le responsive d'un site local
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
- 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. - 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 ligneAllow 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 !
Catégorie
Tags
- Androïd
- Apache
- Ardour
- Atom
- bash
- BEM
- Bootstrap
- calDAV
- carDAV
- Casque
- Cheat sheet
- CKEditor
- Commerce
- Compass
- Composer
- CSS
- Docker
- docker4drupal
- Drupal
- Drupal 7
- Drupal 8
- DrupalVM
- Drush
- faderport
- Fancy
- Features
- Font-awesome
- Git
- Github
- GitLab
- GNU
- grid
- Hacking
- htaccess
- html5
- Imce
- Jack
- Javascript
- jplayer
- jQuery
- Lavalamp
- Less
- Lightning
- Linux
- locahost
- memtest usb .img .iso
- Music
- Mysql
- Omega
- owncloud
- Pageant
- Parallax
- php
- phpMyAdmin
- Portainer
- Puphpet
- Putty
- Regex
- Responsive
- Samba
- Sass
- Sécurité
- SEO
- Solcalendar
- Solr
- ssh
- suggestions
- Taxonomy display
- TouchDaw
- Traefik
- Utilitaire
- Vagrant
- vidéo
- VirtualBox
- vlc
- Wamp
- Webform