Wampserver pour développement PHP. Installation

Transcription

1 Wampserver pour développement PHP Installation F. Thiberville mars 2015 install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 1/21

2 I. Architecture générale d un site Web 1. Site Web statique a. Basique Serveur : Apache, IIS Client: navigateur Chrome, IE, Fx, Page HTML Requête HTTP Affichage 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 Serveur : Apache, IIS Client: navigateur Chrome, IE, Fx, Page HTML Requête HTTP Affichage de la page image, vidéo, son 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. 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 Serveur : Apache, IIS Client: navigateur Chrome, IE, Fx, Page HTML Requête HTTP Affichage de la page fichier css Page HTML+css Mise en forme de la page Une requête HTTP est transmise par le navigateur au serveur. Il s agit d une page rédigée avec le langage HTML. 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. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 2/21

3 2. Site Web Dynamique a. Automatisme côté client Serveur : Apache, IIS Client: navigateur Chrome, IE, Fx, Page HTML +JavaScript Requête HTTP Affichage de la page Page HTML+javascript traitement du JavaScript Une requête HTTP est transmise par le navigateur au serveur. 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. Le navigateur affiche la page obtenue. b. Automatisme coté serveur Serveur : Apache, IIS + PHP Client: navigateur Chrome, IE, Fx, Page PHP Requête HTTP Affichage de la page Page HTML 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 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. Le navigateur affiche la page obtenue. c. Accès à une base de données SGBD : Access, MySQL, Posgré, Serveur : Apache, IIS + PHP Client: navigateur Chrome, IE, Fx, Requête SQL Page PHP Requête HTTP Affichage de la page Recordset Page HTML 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 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. Le navigateur affiche la page obtenue. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 3/21

4 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 (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 : En partie 3 : Installation du Package redistribuable Microsoft Visual C (x86). Ce package est nécessaire à l installation de Wampserver. Il faut donc l installer au préalable. Téléchargement à l adresse : install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 4/21

5 En partie 4 : Installation de Wampserver. Téléchargement à l adresse : 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. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 5/21

6 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 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. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 6/21

7 L installation de notepad++ est terminée. Fermer. Étape Fait? Installation de l éditeur de texte Notepad++ Installation du Package redistribuable Microsoft Visual C (x86). Installation de Wampserver. Démarrage, examen et paramétrages sur Wampserver. Création du site Web. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 7/21

8 3. Installation du Package redistribuable Microsoft Visual C 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 nécessaire au bon fonctionnement de Wampserver est maintenant installé. Étape Fait? Installation de l éditeur de texte Notepad++ Installation du Package redistribuable Microsoft Visual C (x86). Installation de Wampserver. Démarrage, examen et paramétrages sur Wampserver. Création du site web. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 8/21

9 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 : 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. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 9/21

10 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». install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 10/21

11 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 l éditeur de texte Notepad++ Installation du Package redistribuable Microsoft Visual C (x86). Installation de Wampserver. Démarrage, examen et paramétrages sur Wampserver. Création du site web. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 11/21

12 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 vert 1 : 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 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. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 12/21

13 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 install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 13/21

14 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. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 14/21

15 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? Installation de l éditeur de texte Notepad++ Installation du Package redistribuable Microsoft Visual C (x86). Installation de Wampserver. Démarrage, examen et paramétrages sur Wampserver. Création du site Web. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 15/21

16 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). install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 16/21

17 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. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 17/21

18 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 : L39 : Racine du site, répertoire de base. 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 ). install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 18/21

19 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. 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. # Les hôtes virtuels #Include conf/extra/httpd-vhosts.conf 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 : 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 : 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 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) : localhost wp test ::1 localhost wp test 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. install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 19/21

20 Nous pouvons maintenant saisir avec succès dans notre navigateur : 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 ) 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 ) ou au monde entier (allow from all). Étape Fait? Installation de l éditeur de texte Notepad++ Installation du Package redistribuable Microsoft Visual C (x86). Installation de Wampserver. Démarrage, examen et paramétrages sur Wampserver. Création du site Web install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 20/21

21 Table des matières I. Architecture générale d un site Web Site Web statique Site Web Dynamique... 3 II. Installation sur les machines virtuelles Les étapes successives détaillées plus bas Installation de l éditeur de texte Notepad Installation du Package redistribuable Microsoft Visual C VC 11 vcredist_x64/86.exe Installation de Wampserver Démarrage, paramétrages et vérifications sur WampServer Créer notre site Web install wampserver & co v02.docx F. Thiberville Bordeaux Sciences Agro - SPI Page 21/21