Vous êtes sur la page 1sur 15

INSTALLATION DE WAMP – MAMP – XAMPP

PREMIERS USAGES EN PHP

SOMMAIRE

Sommaire ...................................................................................................................................... 1
0 – 3 options : WAMP – MAMP – LAMPP ................................................................................................. 3
1 - Installation WAMP – février 2018 ....................................................................................................... 3
x86 – x64 : caractéristique du SE ................................................................................................................ 3
Sauvegarde avant de désinstaller ............................................................................................................... 3
Pour les fichiers PHP et connexe : ........................................................................................................................... 3
Pour la BD : ............................................................................................................................................................. 3
Charger l’installateur : http://www.wampserver.com ............................................................................... 3
A faire avant d’installer !!! (février 2018) àRedistribuable Visual C++ ..................................................... 3
A faire avant d’installer !!! (février 2018) à problème de port ................................................................. 4
Installation Wampserver (février 2018) ..................................................................................................... 4
Problème d’installation – problème de dll –> redistribuables VC ++ ......................................................... 4
Problème d’installation – problème de port .............................................................................................. 4
2 - Installation MAMP ............................................................................................................................. 5
MAMP (sous Mac ou sous Windows, à éviter sous Windows). .............................................................................. 5
3 - Installation XAMPP ............................................................................................................................. 5
XAMPP .................................................................................................................................................................... 5
4 - Solutions alternatives ......................................................................................................................... 5
5 – TP : premiers usages de WAMP-synthèse ........................................................................................... 6
TP premiers usages de WAMP : Résumé du 6-TP ....................................................................................... 6
Démarrer WAMP ..................................................................................................................................................... 6
Passer Wamp en français ........................................................................................................................................ 6
Tester WAMP : afficher la page WampServer ........................................................................................................ 6
Allez dans le dossier des projets : C:\wamp64\www .............................................................................................. 6
Afficher le contenu de mon-site dans la page WampServe .................................................................................... 6
Rendre les dossiers de projet directement exploitables ......................................................................................... 6
Premier programme php ........................................................................................................................................ 7
6 – TP : premiers usages de WAMP - version détaillée ............................................................................. 8
6-1 : Tester WAMP ...................................................................................................................................... 8
Démarrer WAMP ..................................................................................................................................................... 8
Passer Wamp en français ........................................................................................................................................ 8
Tester WAMP : afficher la page WampServer ........................................................................................................ 8
6-2 : Travailler avec des fichiers PHP .......................................................................................................... 9
Allez dans le dossier des projets : C:\wamp64\www .............................................................................................. 9
Accéder au projet : localhost/mon-site .................................................................................................................. 9
Accès direct aux projets ........................................................................................................................................ 10
Création d’un premier fichier PHP ........................................................................................................................ 11
Exécuter le fichier PHP .......................................................................................................................................... 11
6-3 : Paramétrages divers ......................................................................................................................... 12
Bouton droit sur l’icône verte Wamp ................................................................................................................... 12
Clic sur l’icône verte Wamp .................................................................................................................................. 12
6-4 : PHPMyAdmin .................................................................................................................................... 12
6-5 : Paramétrage des installations : display_errors et display_startup_errors ....................................... 12
Fichier php.ini ....................................................................................................................................................... 12
Variables display_errors = On et display_startup_errors = On ............................................................................. 12
Alternative pour un site en production ................................................................................................................. 12

Installation de WAMP – MAMP – XAMPP – page 1/15


7 - Premiers usages de MAMP ............................................................................................................... 14
Principes ................................................................................................................................................... 14
Lancer MAMP ........................................................................................................................................... 14
Problème d’installation – problème de port ............................................................................................ 14
Accès aux projets web .............................................................................................................................. 14
localhost :8080 ...................................................................................................................................................... 14
Ouvrir la page web start /mon site web ............................................................................................................... 14
PHPMyAdmin ............................................................................................................................................ 14
Fichier php.ini ........................................................................................................................................... 14

Installation de WAMP – MAMP – XAMPP – page 2/15


0 – 3 options : WAMP – MAMP – LAMPP
Windows – Apache – MySQL – PHP
MacOS – Apache – MySQL – PHP
Linux – Apache – MySQL – PHP – Perl

1 - Installation WAMP – février 2018

x86 – x64 : caractéristique du SE


32 bits = x86
64 bits = x64
Pour savoir si on est en 32 bits ou 64 bits :
• Rechercher ou Icône windows-bouton droit : Paramètres, ou directement Système puis
Informations Système/Type de système
• Rechercher Panneau de configuration puis Système et sécurité/Système/Type de système
• Menu Démarrer/ordinateur/bouton droit/propriétés
Pour les Mac, allez voir ici : https://support.apple.com/fr-fr/HT201948

Sauvegarde avant de désinstaller


Si vous devez désinstaller WAMP, sauvegarder les deux dossiers suivants :

Pour les fichiers PHP et connexe :


C:\wamp64\www sur PC
Applications/MAMP/htdoc sur MAC

Pour la BD :
C:\wamp64\bin\mysql\mysql5.7.19\data
Applications/MAMP/db sur MAC

Charger l’installateur : http://www.wampserver.com


Suive la documentation d’installation sur la page d’accueil.
A noter la présence d’AlterWay, ESN (Entreprise de Services du Numérique, nouveau nom des
SSII) dédiée à l’open-source.
Télécharger
Passer au téléchargement direct (pas besoin de remplir de formulaire).

A faire avant d’installer !!! (février 2018) àRedistribuable Visual C++


Il faut charger de nombreux redistribuables visual C++

Installation de WAMP – MAMP – XAMPP – page 3/15


Bien suivre la doc d’installation : Si vous voulez éviter des problèmes, il faut impérativement
lire la totalité de ce message… Du texte en rouge, du surlignage en jaune ! Bienvenue sous
Windows !
Les redistribuables visual C++ doivent être installés en tant qu’administrateur.
Bien choisir la version 32 ou 64 bits.
• Redistribuable VC++ 2008
• Redistribuable VC++ 2010 – SP1
• Redistribuable VC++ 2012 – Update 4
• Redistribuable VC++ 2013
• Redistribuable VC++ 2015 – Update 3
• Redistribuable VC++ 2017

A faire avant d’installer !!! (février 2018) à problème de port


Si vous utilisez skype sur le port 80, changer le port de skype.
Si le serveur IIS (2IS) tourne sur votre machine, arrêtez-le ! C’est le serveur web de microsoft,
il n’est pas compatible avec un serveur apache.

Installation Wampserver (février 2018)


A lancer en tant qu’administrateur.
Si on a chargé les redistribuables, l’installation se fait sans problème. Sinon, :
Installation dans C:/WAMP64 sous Windows
Choix du navigateur par défaut : IE est proposé, on peut en choisir un autre (C:/program files
x86/mozilla firefox/firefox.exe par exemple).
Choix de l’éditeur de texte par défaut : notepad est proposé, on peut en choisir un autre
(sublimeText2)

Problème d’installation – problème de dll –> redistribuables VC ++


Les redistribuables VC++ n’ont pas été bien chargés.
Il faut tout désinstaller.
Désinstaller tous les redistribuables VC++
Désinstaller WAMP.
Passer un CCleaner sur la mémoire et les registres.
Réinstaller.

Problème d’installation – problème de port


Les ports par défaut des serveurs peuvent être pris par d’autres applications de votre machine.
Icône Wamp, bouton droit, outils, tester le port Apache 80, changer le port. Tester le port MySQL
3306, changer le port.

Installation de WAMP – MAMP – XAMPP – page 4/15


2 - Installation MAMP

MAMP (sous Mac ou sous Windows, à éviter sous Windows).

Ø Charger l’installateur
https://www.mamp.info : que en Anglais
La version free est suffisante (et gratuite !) : on prend MAMP et pas MAMP pro (payant).
Download MacOS
Installation : décocher MAMP Pro

Ø Installation
On récupère un « pkg » qu’on lance. Et l’installation démarre.
Installation dans /Applications/MAMP sous MacOS
L’installation crée un répertoire MAMP et un répertoire MAMP PRO. Il ne faudra pas modifier
le répertoire MAMP.
Vérifier s’il y a quelque chose à désinstaller.
Si le dossier MAMP existe et qu’on veut garder ses sites et ses BD : copier « htdocs » pour garder
les sites et « db » pour garder les BD.

3 - Installation XAMPP

XAMPP
https://www.apachefriends.org/fr/index.html : existe en Français. Mode console !
Vrai open source : M pour MariaDB, et mode console !
XAMPP s’installe sous Linux, Windows et Mac/

Voir le tutoriel d’installation, en bas de page :


https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/preparer-son-
ordinateur-2

4 - Solutions alternatives
EasyPHP : http://www.easyphp.org

Installation de WAMP – MAMP – XAMPP – page 5/15


5 – TP : premiers usages de WAMP-synthèse

TP premiers usages de WAMP : Résumé du 6-TP


Les étapes ci-dessous sont détaillées dans la suite du document, dans le 6-TP

Démarrer WAMP
Il faut autoriser le pare-feu pour que les 2 serveurs puissent démarrer.
Double clic sur le raccourci sur le bureau : Ca marche ! On obtient une icône verte.

Passer Wamp en français


icône Wamp – bouton gauche - choix langage

Tester WAMP : afficher la page WampServer


Dans le navigateur : localhost
Ou bien icône Wamp – bouton droit - choix localhost (icône Wamp : icône verte dans dans la
zone de notification : en bas à droite).
La page WampServer apparaît.

Allez dans le dossier des projets : C:\wamp64\www


icône Wamp – bouton droit - choix répertoire www
Mettez un dossier : mon-site dans le répertoire www

Afficher le contenu de mon-site dans la page WampServe


Icône Wamp – bouton droit - choix localhost
Le dossier mon-site apparait dans la zone projet.
Cliquer dessus. Une page avec « Index of /mon-site » doit apparaître. Si ce n’est pas le cas, passer
à l’étape suivante

Rendre les dossiers de projet directement exploitables

Ø Solution 1 :
Icône Wamp : bouton droit / paramètres Wamp / ajouter localhost dans l’URL.
Ca ajoute un warning dans la zone « Vos Projets ».
Mais on peut désormais accéder aux projet en cliquant sur leur nom.

Ø Solution 2 :
Dans le dossier vos projets (C:/wampp64/www) ouvrez le fichier index.php.
Vers la ligne 33, après la ligne :
$suppress_localhost = ($wampConf['urlAddLocalhost'] == 'off' ? true : false);
Ajoutez :
$suppress_localhost= false;
Cette solution donne les mêmes résultats que la précédente, en plus compliqué !

Installation de WAMP – MAMP – XAMPP – page 6/15


Ø Solution 3 : « à la main »
Dans le navigateur : localhost/mon-site

Premier programme php

Ø Code
Dans le dossier mon-site, ajouter un fichier premier_programme.php avec le code suivant
< ?php
echo «<h1>Hello World </h1> » ;
?>

Ø Test
Ce fichier apparaît dans la page WampServer, dans la page du dossier mon-site dans « Vos
Projets ».
En cliquant dessus, on apparaître la page HTML correpondant au code.
On peut visualiser le code HTML avec un MAJ-CTRL-i (pour Firefox).
On voit uniquement le code HTML.

Installation de WAMP – MAMP – XAMPP – page 7/15


6 – TP : premiers usages de WAMP - version détaillée
Ce chapitre détaille ce qu’on a fait au chapitre 5.

6-1 : Tester WAMP

Démarrer WAMP
Il faut autoriser le pare-feu pour que les 2 serveurs puissent démarrer.
Double clic sur le raccourci sur le bureau : Ca marche ! On obtient une icône verte.

Passer Wamp en français


icône Wamp – bouton gauche - choix langage

Tester WAMP : afficher la page WampServer


Dans le navigateur : localhost
Ou bien icône Wamp – bouton droit - choix localhost (icône Wamp : icône verte dans dans la
zone de notification : en bas à droite).
La page WampServer apparaît.

La zone « Vos Projets » est vide.

Installation de WAMP – MAMP – XAMPP – page 8/15


6-2 : Travailler avec des fichiers PHP

Allez dans le dossier des projets : C:\wamp64\www


Aller dans C:\wamp64\www.
C’est dans ce dossier qu’on mettra tous les dossiers de travail.
Créer un dossier « mon-site », par exemple.
La zone « Vos Projets » contient le nom du dossier qu’on vient de créer.

Accéder au projet : localhost/mon-site


En entrant localhost/mon-site dans un navigateur, on accède au projet :

Installation de WAMP – MAMP – XAMPP – page 9/15


Accès direct aux projets
Si on clique directement sur le nom du projet, on obtient une erreur et on n’accède pas au projet.

Ø Solution 1 :
Pour remédier à cela : sur l’icône verte Wamp : bouton droit / paramètres Wamp / ajouter
localhost dans l’URL.
Ca ajoute un warning dans la zone « Vos Projets ».
Mais on peut désormais accéder aux projet en cliquant sur leur nom.

Ø Solution 2 :
Dans le dossier vos projets (C:/wampp64/www) ouvrez le fichier index.php.
Vers la ligne 33, après la ligne :
$suppress_localhost = ($wampConf['urlAddLocalhost'] == 'off' ? true : false);
Ajoutez :
$suppress_localhost= false;
Cette solution donne les mêmes résultats que la précédente, en plus compliqué !

Ø Solution 3 : « à la main »
Dans le navigateur : localhost/mon-site

Installation de WAMP – MAMP – XAMPP – page 10/15


Création d’un premier fichier PHP
Ouvrir le dossier « mon-site » avec SublimeText :

Sur le nom du dossier, ouvrir un fichier : new file.


Puis save : on l’appelle index.php, il se trouve dans le répertoire mon-site.
Dans le fichier index.php :

Exécuter le fichier PHP


Il suffit de cliquer sur le dossier « mon-site ». Par défaut, le fichier « index.php » est envoyé au
serveur apache qui le retourne au navigateur.

Installation de WAMP – MAMP – XAMPP – page 11/15


6-3 : Paramétrages divers

Bouton droit sur l’icône verte Wamp

Ø Langue
Bouton droit / language/ français

Ø Paramètres de Wamp
« Ajouter localhost dans l’URL » : pour l’accès direct au dossier de travail, par exemple.

Ø Outils
Pour tester les ports, par exemple

Clic sur l’icône verte Wamp


• Démarrer ou arrêter les serveurs (services) : apache et mysql
• Accès direct à la page localhost
• Accéder à phpmyadmin, l’utilitaire pour gérer la BD.
• Paramétrer Apache, MySQL, PHP (AMP).

6-4 : PHPMyAdmin
On accède à PHPMyAdmin ainsi :
http://localhost/phpmyadmin/
ou
icône Wamp / PHPMyAdmin

6-5 : Paramétrage des installations : display_errors et display_startup_errors

Fichier php.ini
Il existe un fichier php.ini qui paramètre l’usage de WAMP pour le php.
On le trouve dans clic / PHP
Sous MAMP, il faut trouver le bon ! Quand on va dans phpInfo, on trouve le configuration file :
/Applications/MAMP/bin/php/php7.0.0/conf
C’est ce fichier qu’il faut modifier.

Variables display_errors = On et display_startup_errors = On


Les variables display_errors et display_startup_errors permettent d’afficher des messages
d’erreur plus explicites.
Elles doivent être à ON pour que les messages d’erreur s’affichent.
Il faut redémarrer le serveur Apache pour que la prise en compte soit faite.
On peut les voir dans le phpInfo de MAMP.

Alternative pour un site en production


Attention, ces messages d’erreurs ne doivent pas être vus par les utilisateurs.

Installation de WAMP – MAMP – XAMPP – page 12/15


Pour un site déjà en production, il faut passer par les fichiers de log.
Regarder dans le fichier de conf pour plus d’informations.

Installation de WAMP – MAMP – XAMPP – page 13/15


7 - Premiers usages de MAMP

Principes
On suit la même logique que pour tester WAMP.
Il faut donc suivre le chapitre précédent pour faire la partie pratique et revenir dans ce chapitre
pour voir les spécificités de MAMP.

Lancer MAMP
• Il faut autoriser le parefeu pour que les 2 serveurs puissent démarrer.
• Pour démarrer MAMP : Application/MAMP/MAMP.appp
Le programme propose d’utiliser MAMP PRO : on évite !
• Préférences : pour gérer les ports des serveurs et le démarrage automatique des serveurs
• Démarrer / Arrêter les serveurs

Problème d’installation – problème de port


Onglet préférence, menu ports :
Apache est sur 8080 par défaut

Accès aux projets web

localhost :8080
Dans un navigateur, taper : « localhost :8080 ».
http://localhost:8080/
Une page index of / apparaît. Elle est vide, elle contiendra nos projets.
Cette page correspond au répertoire : /Applications/mamp/htdocs
Ce répertoire est paramétrable dans Préférences /serveur web

Ouvrir la page web start /mon site web


On accède à la page localhost :8080 ainsi
Ouvrir la page web start / mon site web

PHPMyAdmin
On accède à PHPMyAdmin ainsi :
http://localhost:8080/phpMyAdmin
ou
Ouvrir la page web start /Tools / PHPMyAdmin

Fichier php.ini
Il existe un fichier php.ini qui paramètre l’usage de WAMP pour le php.
On le trouve dans clic / PHP

Installation de WAMP – MAMP – XAMPP – page 14/15


Sous MAMP, il faut trouver le bon ! Quand on va dans phpInfo, on trouve le configuration file :
/Applications/MAMP/bin/php/php7.0.0/conf
C’est ce fichier qu’il faut modifier.

Installation de WAMP – MAMP – XAMPP – page 15/15

Vous aimerez peut-être aussi