Wampserver Pour Développement PHP Installation PDF

Wampserver pour développement PHP
Installation
F. Thiberville – mars 2015
install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 1/21
I. Architecture générale d’un site Web
1. Site Web statique

a. Basique
Serveur : Client: navigateur

Apache, IIS Chrome, IE, Fx,…
Requête HTTP Affichage

Page HTML de la page
Page HTML
Une requête HTTP est transmise par le navigateur au serveur.

Il s’agit d’une page rédigée avec le langage HTML.
Le serveur renvoie la page HTML demandée au navigateur.
Le navigateur affiche la page obtenue.
b. Avec media

Page HTML
image, vidéo, son

La page HTML récupère sur le serveur les fichiers multimédia indiqués dans son code.
Le serveur renvoie la page HTML demandée au navigateur avec les fichiers multimédia.
Le navigateur effectue la présentation et affiche la page obtenue.
c. Avec mise en forme


Page HTML+css Mise en forme

fichier css de la page

La page HTML se réfère à un fichier css contenant les instructions de mise en forme.
Le serveur renvoie la page HTML demandée au navigateur et les instructions de présentation.
Le navigateur effectue la présentation et affiche la page obtenue.
2. Site Web Dynamique
a. Automatisme côté client

+JavaScript
traitement du
Page HTML+javascript JavaScript

Il s’agit d’une page rédigée avec le langage HTML mais contenant aussi du JavaScript (ou équivalent).
Le serveur renvoie la page HTML + JavaScript demandée au navigateur.
Le navigateur exécute la partie JavaScript de la page demandée.
b. Automatisme coté serveur

Apache, IIS + PHP Chrome, IE, Fx,…

Page PHP de la page
Page HTML
Page HTML

Il s’agit d’une page rédigée avec le langage PHP (ou équivalent).
Le serveur exécute la page PHP demandée, produit une page HTML.
Le serveur renvoie la page HTML obtenue au navigateur.
c. Accès à une base de données
SGBD : Access, Serveur : Client: navigateur

MySQL, Posgré, … Apache, IIS + PHP Chrome, IE, Fx,…
Requête SQL Requête HTTP Affichage

Page PHP de la page
Page HTML
Recordset Page HTML

Il s’agit d’une page rédigée avec le langage PHP (ou équivalent).
Le serveur exécute la page PHP demandée.
Le code PHP contient et transmet une requête SQL d’interrogation à la base de données.
La base de données renvoie une réponse (Recordset) que le PHP intègre à la page HTML produite.
Le serveur renvoie la page HTML obtenue au navigateur.
II. Installation sur les machines virtuelles
1. Les étapes successives détaillées plus bas
Étape Fait ?
Installation de l’éditeur de texte Notepad++
Installation du Package redistribuable Microsoft Visual C++ 2010 (x86).
Installation de Wampserver.
Démarrage, examen et paramétrages sur Wampserver.
Création du site Web.
 En partie 2 :
Installation de l’éditeur de texte Notepad++ (utile pour la partie suivante).
Téléchargement à l’adresse : http://notepad-plus-

plus.org/fr/download/v6.6.9.html
 En partie 3 :
Ce package est nécessaire à

l’installation de Wampserver.
Il faut donc l’installer au préalable.
Téléchargement à l’adresse :
http://www.wampserver.com/
 En partie 4 :
Téléchargement à l’adresse :
http://www.wampserver.com/
C’est l’installation du serveur Web Apache et du

système de gestion de base de données MySQL.
Le package contient également le langage PHP et
l’outil phpMyAdmin permettant de gérer ces bases
de données.
 En partie 5 :
Démarrage, examen et vérifications sur Wampserver.
Compléments de configurations.
 En partie 6 :
Créer nos sites Web
Ici nous allons préparer nos logiciels pour pouvoir créer nos sites Web, nous paramètrerons
aussi les accès.
2. Installation de l’éditeur de texte Notepad++
Nous avons vu (ou nous verrons) que

l’installation produit un grand nombre de
fichiers d’extension .conf, .ini, .htm, .php …
Un éditeur de fichier plus performant que le

bloc note de Windows est nécessaire pour les
visualiser ou les modifier.
Exemple : notepad++.exe
Installez-le (npp.6.4.5.Installer.exe).
Exécutez - Français - Suivant - J’accepte
Confirmez le dossier d’installation.
Suivant
Confirmez le choix des composants.
Suivant
Créez un raccourci sur le bureau (facultatif)
Installer.
L’installation de notepad++ est terminée.
Fermer.
Étape Fait ?
Installation de l’éditeur de texte Notepad++ Oui
3. Installation du Package redistribuable Microsoft Visual C++ 2012
VC 11 vcredist_x64/86.exe
Ce package est nécessaire au fonctionnement de Wampserver, il est rarement installé sur les PC par
défaut.
Attention il en existe 2 versions (32 et 64 bits, les machines virtuelles sont en 64 bits).
Il est proposé sur de nombreux sites, dans le doute prenez-le chez Microsoft, c’est plus prudent.
Double-cliquez sur
vcredit_x64.exe
(c’est la version 64 bit)
Installez.
C’est fini.
Le package redistribuable Microsoft Visual C++ 2012 nécessaire au bon fonctionnement de

Wampserver est maintenant installé.
Étape Fait ?
Installation du Package redistribuable Microsoft Visual C++ 2010 (x86). Oui

Création du site web.
4. Installation de Wampserver
Wampserver est un kit complet comprenant :
 le serveur Web Apache,
 la base de données MySQL et son utilitaire d’administration phpMyAdmin,
 le PHP.
Les divers éléments sont stockés

dans le dossier Download.
Ils ont été pré chargés sur le

site :
http://www.wampserver.com.
Différentes versions sont

disponibles selon votre OS.
Double-cliquez sur
Wampserver2.4-x86.exe
pour lancer son installation.
Next.
Cochez « I accept the

agreement ».
Next.
Acceptez le dossier d’installation
proposé :
c:\wamp
Cochez « Create a Desktop icon ».
Next.
Install.
patientez pendant l’installation …
Il est possible de choisir le

navigateur par défaut.
cliquez « ouvrir ».
Le PHP aura besoin d’informations
pour vous envoyer des mails
(notifications systèmes ou courriers
liés à des applications).
Nous utiliserons le serveur de mail

de l’école : sauternes.enitab.fr
Sauternes.enitab.fr
Indiquez également votre adresse

mail.
Next.
Cochez
« Launch Wampserver 2 now ».
Finish.
L’installation est terminée,

l’icône de lancement de Wampserver
est sur le bureau.
L’installation de Wampserver est réalisée.
Étape Fait ?
Installation de Wampserver. Oui
Création du site web.
5. Démarrage, paramétrages et vérifications sur WampServer.
Démarrons Wampserver et vérifions quelques points :
Démarrez Wampserver (icône sur le

bureau).
Un nouvel icône apparait dans la

barre des tâches.
Il doit être vert1 :
rouge, aucun service n’est démarré,
orange, certains services ne sont pas
démarrés correctement.
Passez Wampserver en Français :

Clic droit sur l’icône vert – language –
French.
Le Clic gauche sur l’icône vert vous

fournit le menu de Wampserver.
1
Si le voyant n’est pas vert, procédez successivement aux vérifications suivantes :
 Cliquez sur l’icône (orange ou rouge) puis arrêter les services puis démarrez les services.
 Vérifiez que le Package redistribuable Microsoft Visual C++ 2012 a effectivement été installé.
 Vérifiez que le port 80 indispensable au serveur Web n’est pas déjà utilisé par un autre logiciel.
Ci-dessous, correction des 3 cas les plus fréquents :
o Désactivez ou désinstaller Skype.
o Vérifier qu’une autre version d’Apache n’est pas déjà installée, si oui, stoppez là.
o Vérifiez que IIS (le serveur web de Microsoft) n’est pas déjà installé :
Panneau de configuration\Tous les Panneaux de configuration\Programmes et
fonctionnalités – Activer ou désactiver les fonctionnalités Windows – décochez Internet
Information Service.
Jetons un œil à
l’arborescence des
fichiers installés.
wamp/bin contient les

différents programmes
installés.
wamp/www est la racine

de votre site web.
Vérifiez le
fonctionnement de votre
serveur Web :
Cliquez sur localhost
dans le menu de
WampServer.
Index.php est le fichier

qui s’affiche par défaut.
Cet écran est l’écran

d’accueil par défaut de
votre serveur web.
Tous les sous-répertoires

du répertoire WWW sont
listés dans :
vos projets.
Il n’y en a pas pour le

moment, à vous de les
créer manuellement
quand vous déposerez
des fichiers sur le
serveur
Quelques compléments sur Apache …
Pour info seulement

ne pas faire pour le
cours
Clic sur le menu –

Apache – Service –
Install Service
permet d’installer
Apache comme un
service, il démarre au
boot du PC même si
aucune session n’est
ouverte.
À réserver à la mise
en production.
Les fichiers de configurations de Wampserver et de ses différents composants sont le plus souvent des
fichiers textes d’extension .conf.
Selon les versions, leur ouverture avec le Bloc-notes ne permet pas de les visualiser proprement.
Pour plus de facilité nous allons apprendre à Wampserver à les ouvrir directement avec Notepad++.
Par exemple :
Le fichier httpd.conf contient (presque) tous les paramètres gérant un serveur Apache.
Derrière une apparente complexité, la gestion basique d’Apache reste assez simple mais les possibilités
avancées nécessitent une réelle expertise.
Pour consulter httpd.conf :
Clic sur le menu :

– Apache – httpd.conf ouvre le fichier avec le
bloc note.
Vous pourrez préférer l’ouvrir d’un clic droit

avec Notepad++ pour plus de fonctionnalités
dans :
wamp\bin\apache\apache2.4.9\conf\httpd.conf
Facultatif :
Pour une ouverture automatique des fichiers
.conf avec Notepad++.exe depuis
Wampmanager, vous pouvez modifier le
comportement de Wampmanager :
Dans le fichier c:\wamp\wampmanager.conf,

placez la ligne 8 (initiale) en commentaire
(par un ;) et ajouter la ligne 9.
Redémarrez Wampmanager, le menu

conduisant au fichier httpd.conf ouvre ce
fichier via Notepad++.
Wampserver démarre, nous avons procédé à quelques vérifications et paramétrages de base.
Étape Fait ?
Démarrage, examen et paramétrages sur Wampserver. Oui
6. Créer notre site Web
a. Nécessité de créer des VirtualHosts
Pour se contenter d’un serveur Web destiné à apprendre la programmation en PHP,

l’installation réalisée jusqu’ici convient parfaitement et nous pouvons en rester là.
Cette partie n’est donc ni indispensable

ni utile à mettre en œuvre
pour la formation au langage PHP.
Si, par contre, le serveur web est destiné à être largement ouvert et/ou à héberger
plusieurs sites, les opérations suivantes deviennent indispensables depuis la version 205 de
Wampserver.
Préparons nos logiciels pour pouvoir créer nos sites Web, nous paramètrerons aussi les accès.
Jusqu’à la précédente version de Wampserver (2.4), il suffisait de créer

des dossiers dans WWW pour préparer autant de site web que désirés
(1 par dossier + le site de base, localhost à la racine de WWW).
Cela ne suffit plus, nous créerons aussi des sites virtuels (virtualHosts).
Vous pouvez ici créer vos dossiers :

Pour faciliter la suite (en particulier, la consultation de votre travail par
vos collègues) numérotez-les par groupe :
wp10,
wp20,
wp30,
…
La suite de ce poly utilise wp, vous remplacerez chaque fois par votre
numéro.
Les sites disponibles apparaissaient dans Vos Projets et étaient

directement accessibles d’un clic.
Toujours pour des raisons de sécurité mais aussi pour une simplicité accrue pour déplacer un site
d’un serveur à l’autre, Il faut gérer la suite cela de manière un peu plus complexe en créant des sites
virtuels (VirtualHost).
Il y a trois étapes pour créer votre premier VirtualHost Apache, et seulement les deux premières si
vous en avez déjà défini un (ou plusieurs).
a. Créez la définition du VirtualHost,

b. Ajoutez votre nouveau nom de domaine dans le fichier HOSTS,
c. Valider la ligne dans le fichier httpd.conf qui inclut le fichier de définition des hôtes virtuels.
b. Créez la définition du VirtualHost,
Éditez le fichier httpd-vhosts.conf dans :

wamp\bin\apache\apache2.4.9\conf\extra\httpd-vhosts.conf
Voir le travail à faire page suivante.
Notez que ces pages sont reprises d’un cours délivré à l’école destiné à l’usage du CMS Wordpress,
d’où l’usage de certains noms pour les dossiers : wp.
Bien entendu, ceci est à adapter à vos besoins.
Supprimez (ou commentez) totalement l'exemple de
code par défaut.
3 sites sont décrits :
Le site localhost, à la racine du serveur (dossier www),

site par défaut.
Le site WP, pour installer notre site Wordpress.
Le site Test, pour montrer que l’on peut installer de

nombreux sites, ou pour faire un brouillon de notre
site Wordpress.
Explication du code :
L37 : Le serveur écoute les requêtes issues des
navigateurs sur le port 80 (standard) et via toutes ses
adresses IP (Un serveur peut avoir plusieurs adresses
IP, mais ce point facilite aussi le déplacement du site
web d’une machine à l’autre).
Pour une seule adresse IP remplacez * par cette
adresse (celle qui est sur le bureau de votre machine
virtuelle pendant la formation).
Dans toutes les lignes qui suivent, pensez à remplacer

wp par le nom du dossier de VOTRE serveur.
Si vous avez créé plusieurs serveurs, les lignes 36 à

57 doivent être reproduites et adaptées.
L38 : Racine du site, répertoire de base.
L39 : Nom du serveur.
L40 : Alias (synonyme) du nom du serveur. Utilisé

dans les adresses web.
Notez que le .bsa n’existe pas dans la réalité, cela
n’empêche pas de l’utiliser en local. Il faudra
cependant utiliser une extension autorisée en
production (.fr, .com par exemple).
L41 à L55 : Attribuent les droits d’accès à

l’ensemble des données du site. La section directory
peut être définie spécifiquement pour chaque sous
dossier du site.
L42 : Précise la liste des droits d’accès utilisables.
L43 : Précise si d’autres fichiers de configuration

peuvent prendre le pas sur les droits attribués dans
cette section.
L48 : Par défaut tous les accès sont interdits (deny),

ensuite on autorise ce que l’on veut (attention, pas
d’espace après la virgule).
L44 à 56 : Autorise les accès au site seulement

depuis la machine locale, et depuis les machines de la
salle, donc, pas depuis l’extérieur (sauf 80.10.11.12).
c. Valider la ligne dans le fichier httpd.conf qui inclut le fichier de définition des hôtes
virtuels.
Trouvez ces lignes dans le fichier httpd.conf (ligne 512):

Enlevez le # de la seconde ligne.
# Les hôtes virtuels
#Include conf/extra/httpd-vhosts.conf
Le fichier httpd-vhosts.conf que nous avons modifié à
l’étape précédente sera pris en compte par le système
au redémarrage des services d’Apache.
d. Ajoutez votre nouveau nom de domaine dans le fichier HOSTS
Par défaut les normes réseau TCPIP permettent de désigner une machine (y compris les serveurs)
seulement par son numéro IP. Nous avons besoin de pouvoir désigner notre site WEB par son nom :
http://www.wp/bsa par exemple :
2 systèmes le permettent.
Le DNS : système mondial

Le nom DNS est à demander à votre hébergeur (ou à votre responsable informatique dans une
entreprise).
Le DNS est un système international dont les serveurs traduisent le nom de la machine demandée
(ex : www.sncf.fr en numéro IP à chaque demande d’accès d’un PC vers un site Web.
Les tableaux de correspondance nom x numéro IP sont tenus à jour par les responsables informatiques
des entreprises et fournisseurs d’accès du monde entier.
Le fichier Host (en local, sur votre PC)

Le fichier host situé sur votre PC dans C:\Windows\System32\drivers\etc est consulté avant le
système DNS, et, si une réponse est trouvée, le DNS n’est pas consulté.
Comme nous ne pouvons pas demander un nom DNS pour http://www.wp/bsa pour chacun de vos
serveurs dans le cadre de ce cours, modifions notre fichier Host comme suit (sur notre serveur et
chacune des machines qui devra s’y connecter) :
127.0.0.1 localhost wp www.wp.bsa test www.test.bsa

::1 localhost wp www.wp.bsa test www.test.bsa
Nous avons droit à 8 colonnes max, au-delà, il suffit de dupliquer ces 2 lignes.
Placez dans ce fichier Host, tous les serveurs de vos collègues auxquels vous voulez accéder lors de
cette semaine de formation. Cette manœuvre pourra être faite plus tard.
Bien entendu, en production réelle, le fichier host n’est pas utilisé et une correspondance DNS fait le
travail.
Pour prendre en compte le nouveau contenu du fichier hosts, nous devons indiquer à Windows de
rafraîchir le cache des noms de domaine (ou redémarrer Windows).
Ouvrir une fenêtre de commande en tant qu'Administrateur et tapez les trois commandes ci-dessous, en
attendant la fin de chacune :
ipconfig /flushdns
net stop Dnscache
net start Dnscache
Windows efface le cache des noms de domaine, le recharge mais aussi à relit le fichier HOSTS.
Nous pouvons maintenant saisir avec succès dans notre navigateur :
http://localhost
http://wp
http://test
http://www.wp.bsa
http://www.test.bsa
Les liens test et wp fonctionnent dans la page localhost.

Les liens MyProjects/test et MyProjects/wp fonctionnent sur le serveur dans le menu de démarrage de
WampServer.
e. Comment permettre à vos proches d’accéder à ce serveur
Pour le moment, vos serveurs sont accessibles depuis votre machine virtuelle, votre PC, vos collègues
de la salle.
Pour permettre à vos amis plus éloignés vous avez plusieurs solutions en l’absence de DNS :
 Solution 1 :
o Expliquer à votre correspondant comment modifier son fichier Host (vous leur passez le bout
à copier-coller).
Attention, il faut être administrateur du poste.
o Autoriser l’accès au PC de votre correspondant dans la section correspondant au serveur wp
dans le fichier virtual Host (allow 80.10.11.12) ou au monde entier (allow from all).
 Solution 2 :
o Leur transmettre le numéro IP du serveur virtuel.
o Autoriser l’accès au PC de votre correspondant dans la section correspondant au serveur
localhost dans le fichier virtual Host (allow 80.10.11.12) ou au monde entier (allow from
all).
Étape Fait ?
Démarrage, examen et paramétrages sur Wampserver. Oui
Création du site Web Oui
Table des matières
I. Architecture générale d’un site Web................................................................ 2

1. Site Web statique ............................................................................................................. 2
2. Site Web Dynamique ........................................................................................................ 3
II. Installation sur les machines virtuelles ............................................................ 4

1. Les étapes successives détaillées plus bas ........................................................................... 4
2. Installation de l’éditeur de texte Notepad++ ....................................................................... 6
3. Installation du Package redistribuable Microsoft Visual C++ 2012 VC 11 vcredist_x64/86.exe ... 8
4. Installation de Wampserver ............................................................................................... 9
5. Démarrage, paramétrages et vérifications sur WampServer. ............................................... 12
6. Créer notre site Web ...................................................................................................... 16

Wampserver Pour Développement PHP Installation PDF

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Wampserver Pour Développement PHP Installation PDF

Titre original :

Transféré par

Droits d'auteur :

Formats disponibles

Wampserver pour développement PHP

F. Thiberville – mars 2015

1. Site Web statique

Serveur : Client: navigateur

Requête HTTP Affichage

Une requête HTTP est transmise par le navigateur au serveur.

Requête HTTP Affichage

Une requête HTTP est transmise par le navigateur au serveur.

c. Avec mise en forme

Requête HTTP Affichage

Page HTML+css Mise en forme

Une requête HTTP est transmise par le navigateur au serveur.

Requête HTTP Affichage

Une requête HTTP est transmise par le navigateur au serveur.

b. Automatisme coté serveur

Serveur : Client: navigateur

Requête HTTP Affichage

Une requête HTTP est transmise par le navigateur au serveur.

c. Accès à une base de données

SGBD : Access, Serveur : Client: navigateur

Requête SQL Requête HTTP Affichage

Une requête HTTP est transmise par le navigateur au serveur.

1. Les étapes successives détaillées plus bas

Installation du Package redistribuable Microsoft Visual C++ 2010 (x86).

Démarrage, examen et paramétrages sur Wampserver.

Création du site Web.

Téléchargement à l’adresse : http://notepad-plus-

Ce package est nécessaire à

C’est l’installation du serveur Web Apache et du

Nous avons vu (ou nous verrons) que

Un éditeur de fichier plus performant que le

Exécutez - Français - Suivant - J’accepte

Confirmez le dossier d’installation.

Confirmez le choix des composants.

Créez un raccourci sur le bureau (facultatif)

Installation du Package redistribuable Microsoft Visual C++ 2010 (x86).

Démarrage, examen et paramétrages sur Wampserver.

Création du site Web.

Le package redistribuable Microsoft Visual C++ 2012 nécessaire au bon fonctionnement de

Installation du Package redistribuable Microsoft Visual C++ 2010 (x86). Oui

Démarrage, examen et paramétrages sur Wampserver.

Les divers éléments sont stockés

Ils ont été pré chargés sur le

Différentes versions sont

Cochez « I accept the

Cochez « Create a Desktop icon ».

patientez pendant l’installation …

Il est possible de choisir le

Nous utiliserons le serveur de mail

Indiquez également votre adresse

L’installation est terminée,

L’installation de Wampserver est réalisée.

Installation du Package redistribuable Microsoft Visual C++ 2010 (x86). Oui

Installation de Wampserver. Oui

Démarrage, examen et paramétrages sur Wampserver.

Création du site web.

Démarrez Wampserver (icône sur le

Un nouvel icône apparait dans la

Passez Wampserver en Français :

Le Clic gauche sur l’icône vert vous

wamp/bin contient les

wamp/www est la racine