Vous êtes ici

Accueil » Installer » Installation d'une plateforme de test
26 Jan 2014

Installer et configurer WAMP

Vous avez 30 secondes ?
Répondez à notre sondage : Quelle priorité pour les tutoriaux Drupal-Addict ?
S'abonner au flux d'actualités
Rubrique: 
Pratique
Difficultée: 
Facile
L'installation de WAMP est extrêmement simple : compactés sous la forme d'un installeur unique, l'ensemble des outils s'installent comme un simple logiciel.

Téléchargement

Pour télécharger la dernière version, rendez-vous sur http://www.wampserver.com. Cliquez sur "télécharger".
 
Télécharger n'aura jamais été si simple !
 
Choisissez la configuration la plus récente.
Plusieurs versions vous sont proposées. Nous avons vu précédemment que Drupal 8 nécessite :
  • PHP 5.4 ou supérieur
  • Apache 1.3 ou 2.x
  • MySQL 5.0.15 ou supérieur
Prenez la version de WAMP la plus récente, en version 32 ou 64bit selon votre ordinateur (32 si vous n'êtes pas sûrs).
 
Astuce :
Pour éviter de remplir le formulaire d'inscription, cliquez sur le lien "téléchargement direct" dans la popup qui s'affiche !
 
Choisir l'option de téléchargement direct pour ne pas remplir le formulaire !

Installation

Une fois téléchargé, il ne reste plus qu'à installer le tout comme un simple logiciel. Une seule précision : comme tout logiciel, vous pouvez l'installer où vous le souhaitez. Evitez tout de même les espaces dans le chemin d'accès, du type Program Files ou Mes Documents. La meilleure place étant certainement celle proposée par défault dans C:/wamp.
 
ETAPE 1 : Cliquez sur Next pour continuer.
ETAPE 2 : Cliquez sur Next pour accepter les conditions d'utilisation.
ETAPE 3 : Choisissez l'emplacement du dossier d'installation.
ETAPE 4 : Choisissez les raccourcis à installer puis cliquez sur Next.
ETAPE 5 : Cliquez sur Install pour confirmer l'installation.
ETAPE 6 : Patientez durant l'installation.
ETAPE 7 : Choisissez votre navigateur par défaut. C'est le navigateur que Wampserver utilisera pour lancer les outils, tel PhpMyAdmin ou Localhost depuis son interface.
ETAPE 8 : Wampserver vous propose d'installer sa page de démarrage. Choisissez Oui. Rassurez-vous, cela ne change pas la page de démarrage de votre navigateur. Il s'agit seulement de la page localhost de Wampserver (nous verrons tout à l'heure ce que c'est).
ETAPE 9 : Choisissez les valeurs (adresse mail et serveur mail) à utiliser pour la fonction mail() de PHP. Si vous ne savez pas à quoi cela correspond, ne touchez à rien et cliquez simplement sur Next.
ETAPE 10: Cliquez sur Finish pour démarrer Wampserver maintenant.
ETAPE 11 :Il se peut que votre pare-feu Windows bloque l'installation. Cliquez alors sur Autoriser l'accès. Cela donnera à Wampserver l'autorisation de passer le pare-feu Windows, ce qui est obligatoire pour le fonctionnement en réseau local.

Configuration

Une fois installé et lancé, une icône WAMP apparaît dans votre barre des tâches, en bas à droite de l'écran. Lorsque le serveur local est correctement démarré, l'icône est verte.
 
Astuce :
Un clic droit sur l'icône WAMP de votre barre des tâches fait apparaître un menu d'option. Vous pouvez alors sélectionner la langue souhaitée, y compris le français !
 
Les options permettant d'utiliser et de configurer le serveur local s'affichent en faisant un simple clic gauche sur l'icône de la barre des tâches.
  • Passer en ligne : cette option permet de rendre votre serveur local accessible sur votre réseau local (et non pas sur internet comme le nom de l'option pourrait le laisser croire).
  • Redémarrer les services : permet comme son nom l'indique de redémarrer les services lorsqu'un problème est survenu.
  • Arrêter les services : permet l’arrêt complet des services. Ceci permet d'éteindre les services AMP, comme si le logiciel n'était pas démarré.
  • Démarrer les services : à votre avis ? Démarrer les services PHP, MySQL et Apache dont nous avons besoin !
  • PHP, MySQL et Apache : ces dossiers contiennent tous les outils pour configurer et gérer ces services individuellement.
  • Répertoire www : c'est dans ce répertoire que vous placerez l'ensemble de vos projets de site web. Un dossier par projet.
  • phpMyAdmin : il s'agit d'un outil extrêmement pratique et utile, écrit en PHP, pour la gestion de vos bases de données.
  • Localhost : c'est la page principale de votre accès à WAMP et à vos projets. 

Utilisation

La page web localhost - accessible depuis votre navigateur - vous permet en quelques clics d'accéder à vos projets et à la configuration de votre serveur local. Pour accéder à cette page, ouvrez simplement votre navigateur à l'adresse http://localhost.
WAMP est démarré (icône verte) mais une page d'erreur apparaît au lieu de la page localhost: passez WAMP en mode "en ligne".
Pour cela, effectuez un clic gauche sur l'icône de WAMP dans la barre des tâches et choisissez "Passer en ligne".
La page d'accueil localhost de WAMP.
 
Sur cette page, vous trouverez la liste de vos projets de site locaux. Pour l'instant, cette liste est vide, car nous venons d'installer WAMP. Le répertoire de vos projet est certainement le dossier le plus important de toute cette installation. Il s'appelle www . Par défaut, il est accessible dans le dossier: C:\WAMP\www, sauf si vous avez changé cela durant l'installation de WAMP.
 
Le dossier www situé par défaut dans C:\WAMP est le dossier dans lequel vous placerez vos projets, et donc où nous installerons Drupal.

Mon premier projet

Voici une petite manip' n'ayant rien à voir avec Drupal, mais qui pourra plaire à ceux souhaitant tester rapidement l'utilisation de WAMP !
  • Placez-vous dans le dossier C:\WAMP\www et créez un nouveau dossier HelloWorld : vous venez de créer un nouveau projet !
  • Créez un fichier index.php dans le dossier C:\WAMP\www\HelloWorld
    • Pour créer un fichier PHP, deux solutions:
      1. Créez un nouveau document texte et renommez le index.php
      2. Ouvrez le bloc-note et utilisez l'option "enregistrez-sous" avec pour nom index.php
    • Dans les deux cas, il vous faut avoir l'affichage des extensions (.txt, .php, ...) activé.
  • Ouvrez le fichier index.php en l'ouvrant avec le bloc-note (ou notepad++ ce serait encore mieux !) et copiez-collez le code suivant :
<?php
    echo "Hello world: un premier projet !";
?>
  • Ouvrez la page localhost dans votre navigateur web: le nouveau projet est désormais visible.
Votre nouveau projet est désormais visible.
  • Lancez le projet en cliquant dessus: votre page est désormais visible dans votre navigateur. Vous voyez exactement ce que verraient vos visiteurs si ce site était en ligne. Notez que le code PHP a bien été interprété par le serveur local : il a été transformé en code HTML, que le navigateur peut afficher à l'écran : c'est là tout le but de la manœuvre ! Vous ne voyez pas du code "tout moche" dans votre navigateur, mais bien un site web (certes, tout moche aussi puisque pour l'instant ce n'est qu'une phrase affichée !).
?Votre installation de WAMP est désormais terminée !
Notation: 
Average: 5 (3 votes)
Vous avez aimé: 
Faites un don !

Commentaires

Portrait de tibo

tibo (non vérifié)

Bonjour,
 
Je suis ce tutoriel depuis quelques jours mais je suis confronté à un problème. J'ai installé wamp, créé un dossier HelloWorld pour faire le test et y ait créé un index.php. Le projet HelloWorld s'affiche bien sur le local mais en suivant le lien une erreur s'affiche, pas de HelloWorld. Une idée de l'origine de ce problème ?
 
Sinon, je trouve le tuto très bien fait pour le moment. Merci beaucoup !
This post is useful!
This post is useless!
Portrait de thiesco

thiesco (non vérifié)

Pour pallier ce problème, il suffit de modifier la ligne 30 du code du fichier index.php qui se trouve dans le dossier www.
La ligne se présente ainsi :
1
$suppress_localhost = true;

Il suffit simplement de modifier en ceci :

1
$suppress_localhost = false;

Donc remplacer true par false, et le tour est joué. Bon développement !

1
This post is useful!
This post is useless!

Bonjour,
Est ce qu'il vous serait possible de détailler aussi l'installation de MAMP (sur mac donc). J'ai suivi le tutoriel jusqu'ici, mais je suis bloquée ensuite lorsque j'essaie d'accéder à http://localhost/TutoDrupalAddict qui devrait m'afficher install.php pour configurer drupal (au lieu de ça, il m'affiche le contenu de mon répertoire : les répertoires modules/themes/profiles que j'ai créé et qui sont vides, ainsi que settings.php qui affiche une page blanche)
=>je ne suis pas certaine d'avoir dézippé drupal au bon endroit (je l'avais déplacé dans sib/Sites)
NB : j'ai aussi essayé de le déplacer dans MAMP/htdocs mais ça donne la même chose (après mise à jour du répertoire 'source' de MAMP et redémarrage des serveurs)
D'avance merci pour toute aide
This post is useful!
This post is useless!

En fait, si j'indique "MAMP/htdocs" (contenant le dossier drupal dézippé) comme "document root", lorsque je tente d'accéder à http://localhost/TutoDrupalAddict : "Not Found - The requested URL /tuto/ was not found on this server."
 
Remarque annexe : je n'ai jamais trouvé le fichier.htaccess dont on parle à un moment
J'ai peut-être mal "dézippé" drupal ? Y a t il un utilitaire de dézippage pour mac où on peut choisir à l'avance le dossier dans lequel dézippé (pour le placer directement au bon endroit) ?
 
D'avance merci pour toute piste
This post is useful!
This post is useless!

Bonjour,
Je n'ai aucune expérience avec MAMP, mais vous trouverez surement de l'aide ici :
Concernant le fichier .htaccess, tous les fichiers commençant par un point sont des fichiers cachés par défault. Il vous faut donc afficher les fichiers cachés sur MAC. Peut-être ici un point de départ : 
 
Au delà de tout cela, je vous conseille Acquia Dev Desktop pour utiliser Drupal 8 en local :
 
Cordialement
This post is useful!
This post is useless!