Tester son site sur iPad / iPhone avec MAMP

Tester facilement son site sous MAMP sur iPad, iPhone

Avec la multiplicité des périphériques (desktop, smartphones, tablettes), il devient difficile et peu confortable de s’assurer de la compatibilité de l’affichage de ses sites internet partout.

La plupart des webdesigner et développeurs connaissent bien MAMP (mac) ou WAMP (PC), car il permet de développer des sites web en local. Ce petit tutoriel vous permettra de visualiser vos sites en local sur tous vos périphériques (smartphone, tablette et desktop)

Pré-requis réseau et configuration MAMP

Tout d’abord, il faut récupérer l’adresse IP de la machine sur laquelle est installé MAMP.

  • Sous mac, c’est simple, cela se trouve dans le Menu pomme – Préférences système – Réseau
  • Puis s’assurer d’utiliser les ports Apache MAMP par défaut (Apache : 8888 – MySQL : 8889)

A cette étape, il est déjà possible d’aller visualiser un site statique (sans base de données) sur tous ses périphériques. Pour cela, il suffit simplement de taper l’URL suivante dans le navigateur : mon-adresse-ip:8888/mon_site/

Le cas WordPress

Sous WordPress, nous obtiendrons une erreur contrairement à un site classique : la base de données est inaccessible.

Pour contourner ce problème, suffit simplement de modifier le fichier wp-config.php comme suit. Tout de suite au début du fichier, placer les 2 lignes suivantes et avec votre adresse IP :

define(‘WP_HOME’, ‘http://mon-adresse-ip:8888/mon_site/’);
define(‘WP_SITEURL’, ‘http://mon-adresse-ip:8888/mon_site/);

Et le tour est joué ! On peut tester son site WordPress sur tous ses périphériques.

Dernière astuce : modifier son fichier wp-config.php pour visualiser son site à la fois en local sous MAMP et en production sans avoir à le modifier.

Code complet

define(‘WP_HOME’, ’http://mon-adresse-ip:8888/mon_site/’);
define(‘WP_SITEURL’, ’http://mon-adresse-ip:8888/mon_site/);

if( isset( $_SERVER[‘HTTP_HOST’] ) && $_SERVER[‘HTTP_HOST’] == ‘mon-adresse-ip:8888’ )
{
// Local
define(‘DB_NAME’, ‘nom de la base’);
define(‘DB_USER’, ‘root’);
define(‘DB_PASSWORD’, ‘root’);
define(‘DB_HOST’, ‘localhost’);
define(‘DB_CHARSET’, ‘utf8’);
}
else
{
// Production
define(‘DB_NAME’, ‘nom de la base’);
define(‘DB_USER’, ‘identifiant SQL’);
define(‘DB_PASSWORD’, ‘mot de passe’);
define(‘DB_HOST’, ‘serveur’);
define(‘DB_CHARSET’, ‘utf8’);

define(‘DB_COLLATE’, ‘ ‘);
}
adresse ip sous mac

1 – Trouver son adresse IP (mac)

port apache mamp

2 – Régler les ports par défaut sous MAMP

erreur base de données

3 – Erreur de base de données sous WordPress

Remonter