Travailler en local : Utilisation de WampServer 2

Après le tutorial sur l'installation de WampServer 2, nous continuons avec un tutorial décrivant les différents menus, expliquant comment modifier la configuration pour augmenter les limites de ressource et décrivant une utilisation simple de WampServer.

Ce tutorial par du principe que vous avez déjà installé WampServer2, si ce n'est pas le cas merci de commencer par le tutorial : « travailler en local : installation de WampServer2 ».

A.1) Utiliser le menu démarrer de Windows :

Dans « Tous les programmes » vous devriez avoir un menu « WampServer » avec « start WampServer » dedans. Clicquez sur start WampServer pour démarrer l'application.

A.2) Utiliser l'icone WampServer sur le bureau :

Si vous avez laissé la case cochée lors de l'installation, vous devez aussi avoir une icône de « WampServer » sur votre bureau.

Double cliquez sur l'icone WampServer pour lancer l'application.

A.3) Utiliser la barre de lancement rapide :

Si vous avez laisser la case cochée lors de l'installation, vous devez également avoir une icône de WampServer dans la barre de lancement rapide.

Clicquez sur cette icone pour lancer l'application.

B) Icône et états de fonctionnement de WampServer 2

Une fois WampServer 2 lancé, vous devriez avoir en bas à droite l'icone de WampServer2 qui témoigne de son état de fonctionnement.

B.1) Icone de fonctionnement normal

Si cette icône est blanche c'est que tous fonctionne correctement, et que apache et mysql sont actifs.

B.2) Icone de fonctionnement jaune

Si cette icône a une partie jaune c'est qu'un des deux services apache ou mysql ne fonctionne pas.

B.3) Icone de fonctionnement rouge

Si cette icône a une partie rouge c'est que ni apache, ni mysql ne fonctionne.

B.4) Disfonctionnement recherche des causes

Normalement les deux services apaches et mysql devrait fonctionner, si ce n'est pas le cas c'est que quelques choses sur votre ordinateur les empêches de fonctionner.

Par exemple Skype ne peut pas fonctionner en même temps que wamp, car par défaut il utilise le même port (80), il suffit d'arrêter wamp pour résoudre ce problème.

Si les deux services apaches et/ou mysql ne fonctionne pas correctement cherchez ce qui peut les empêcher de fonctionner. Au besoin poser des questions sur des forums d'entraide ou sur le forum de wamp (http://www.wampserver.com/phorum/)

C) Menu de WampServer 2

Une fois WampServer 2 lancé, vous devez avoir cette icône dans la barre des taches.

C.1) Menu clic droit

Un clic droit sur cette icône va affiche un menu déroulant :

Le menu « Exit » ou « Fermer » permet d'arrêter WampServer 2.

Le menu langage ou « langue » permet de choisir la langue que vous souhaitez utiliser.

Le menu « Help » ou « aide » permet d'aller sur un page d'aide du site wampserver.com

Le menu « Refresh » permet de rafraichir l'affichage

Le menu « about... » ou « à propos de » permet de savoir quel version de wampServer vous avez installé.

C.2) Menu Principal (clic gauche)

Le menu principal de WampServer est accessible via un simple clic gauche de la souris.

C.2.a) Passer en ligne (put online)

Ce menu permet d'authoriser l'accès aux pages webs hébergées sur votre pc depuis une machine externe (par exemple dans le cadre d'un réseau local pour pouvoir mettre en place un serveur de développement accessible à plusieurs personnes).

/!\ Attention : WampServer n’est pas fait pour héberger un site webde manière publique, c’est un outil fait pour développer ses sites web sous Windows. Si vous souhaitez héberger des sites web chez vous de manière publique, nous vous conseillons de vous pencher sur des solutions basés sur linux.

C.2.b) Quick Admin

Cette zone contient 3 menus qui permettent de démarrer, relancer et arrêter les services apache et mysql en même temps.

Ces actions peuvent être utiles pour prendre en compte une modification de configuration, pour arrêter les services afin de pouvoir intervenir directement sur les fichiers d'une basse de donnée, etc...

C.2.c) Mysql

Ce menu permet d'accéder aux différents sous-menus permettant de gérer mysql.

C.2.c.1) Mysql -> Version

Ce menu permet d'une part d'installer d'autre version de mysql et le cas échéant de choisir avec quelle version de mysql on travaille.

C.2.c.2) Mysql -> Service

On retrouve trois menus permettant de :
- démarrer mysql
- redémarrer mysql
- arrêter mysql

Deux autres menus permettent d'installer et de supprimer le service mysql.

C.2.c.3) Mysql -> Console Mysql

Ce menu permet d'ouvrir une console mysql qui permettra d'executer des requêtes mysql directement en ligne de commande. Cela peut être par exemple très utile pour restaurer par exemple de gros backup sql.

C.2.c.4) Mysql -> my.ini

Ce menu permet d'éditer directement le fichier my.ini situé normalement par défaut dans : C:\wamp\bin\mysql\mysql5.1.33\my.ini

C.2.c.5) Mysql -> mysql.log

Ce menu permet d'éditer directement le fichier mysql.log situé normalement par défaut dans : C:\wamp\logs\mysql.log

C.2.d) PHP

ce menu permet d'accèder aux différents sous-menu permettant de gérer PHP.

C.2.d.1) PHP -> Version

Ce menu permet d'une part d'installer d'autre version de PHP et le cas échéant de choisir avec quel version de PHP on travaille.

C.2.d.2) PHP -> Configuration PHP

Ce menu donne accès à une liste de paramètre de configuration du fichier php.ini que l'on peut activer ou désactiver directement depuis cette liste (en cochant ou en décochant) sans avoir à éditer ce fichier.

C.2.d.3) PHP -> Extension PHP

Ce menu donne accès à une liste d'extension pour php que l'on peut activer ou désactiver directement depuis cette liste (en cochant ou en décochant). Vous pouvez faire défiler la liste vers le haut ou vers le bas à l'aide des flêches en haut et en bas de la liste.

C.2.d.4) PHP -> php.ini

Ce menu permet d'éditer directement le fichier php.ini situé normalement par défaut dans : C:\wamp\bin\php\php5.2.9-2\php.ini

C.2.d.5) PHP -> PHP error log

Ce menu permet d'éditer directement le fichier php_error.log situé normalement par défaut dans : C:\wamp\logs\php_error.log

C.2.e) Apache

Ce menu permet d'accéder aux sous-menus permettant de gérer Apache.

C.2.e.1) Apache -> Version

Ce menu permet d'une part d'installer d'autre version d'Apache et le cas échéant de choisir avec quel version d'Apache on travaille.

C.2.e.2) Apache -> Service

On retrouve trois menus permettant de démarrer, de redémarrer et d'arrêter, le service Apache séparément du service Mysql.

Un menu permet de tester le port 80 pour vérifier qu'il est libre ou que c'est bien Apache qui l'utilise

Deux autres menus permettent d'installer et de suprimer le service Apache.

C.2.e.3) Apache -> Module Apache

Ce menu donne accès à une liste de module Apache que l'on peut activer ou désactiver directement depuis cette liste (en cochant ou en décochant). Vous pouvez faire défiler la liste vers le haut ou vers le bas à l'aide des flêches en haut et en bas de la liste.

C.2.e.4) Apache -> Répertoires Alias

Ce menu permet de gérer les « alias » c'est à dire les pointages de lien vers des répertoires.
Cela permet de mettre vos projets là où vous le souhaitez sur votre disque dur et ensuite de pointer un alias dessus afin qu'Apache puisse aller chercher les fichiers dedans.

Pour créer un alias utiliser le menu « Créer un alias ». Ce menu va ouvrir une fenêtre console qui va permettre de paramétrer l'alias :
- définition du nom de l'alias pour avoir une url du type http://localhost/nom_de_l_alias
- définition du répertoire pointé par l'alias, attention ce répertoire doit exister.
Par exemple : c:/test/

Si vos paramètres sont correctes, vous allez voir le nouvel alias apparaître dans la liste des alias présente dans le menu « Répertoires Alias ». Pour chaque alias, vous avez un menu permettant :
- d'éditer directement le fichier de configuration de l'alias présent dans C:\wamp\alias
- d'éditer et/ou de créer un fichier .htaccess pour cette alias
- d'effacer l'alias

Remarque : cet alias vas aussi apparaître dans la page html localhost d'accueil de wamp.

C.2.e.5) Apache -> httpd.conf

Ce menu permet d'éditer directement le fichier httpd.conf situé normalement par défaut dans : C:\wamp\bin\apache\Apache2.2.11\conf\ httpd.conf

C.2.e.6) Apache -> apache_error.log

Ce menu permet d'éditer directement le fichier apache_error.log situé normalement par défaut dans : C:\wamp\logs\apache_error.log

C.2.e.7) Apache -> access.log

Ce menu permet d'éditer directement le fichier access.log situé normalement par défaut dans : C:\wamp\logs\access.log

C.2.f) Répertoire www

Ce menu permet d'accéder directement au répertoire par défaut de wamp pour stocker les fichiers de vos sites web.

C.2.g) SQLiteManager

Ce menu permet d'accéder directement via votre navigateur web à l'application SQLiteManager qui permet de gérer les bases de données SQLite.

C.2.h) phpMyAdmin

Ce menu permet d'accéder directement via votre navigateur web à l'application phpMyAdmin qui permet de gérer les bases de données MySQL.

C.2.i) Localhost

Ce menu permet d'accéder directement via votre navigateur web à la page web d'accueil de wamp qui regroupe différent lien.

En haut de la page web à droite vous avez la version utilisée (1) de WampServer et à coté le paramétrage de la langue que l'on peut changer en clicquant dessus.

Dans le corp de la page d'accueil de wamp vous avez un résumé de la configuration serveur de WampServer contenu dans la rubrique « Configuration Serveur » (2).

Ensuite une rubrique « Outil » (3) qui contient 3 liens vers un phpinfo, vers phpmyadmin et vers sqlitemanager.

Puis vous avez une rubrique « Vos Projets » (4) qui par défaut est vide. Cette rubrique affiche les répertoires que vous créez dans le répertoire www de wamp, avec un lien permettant d'afficher la page d'index ou le contenu de ces répertoires dans votre navigateur web.

Enfin en bas vous avez une rubrique « Vos Alias » (5) qui affiche les alias. Par défaut il y a 2 alias pointant les répertoires contenant phpmyadmin et sqlitemanager.

Dans le Footer (6) vous avez 3 liens vers le site de wampserver.com, vers la page de donation et vers le site de la société Anaska qui développe WampServer.

D) Paramétrage utile de Wamp Server

D.1) Ajouter un mot de passe à l'utilisateur root pour MySql

Il existe plusieurs manière d'ajouter un mot de passe au serveur mysql.
Nous allons décrire ici une méthode utilisant l'interface de phpmyadmin, mais on pourrait le faire directement avec la console mysql.

Ouvrir dans votre navigateur phpmyadmin en utilisant par exemple le menu de wamp.

Aller dans l'onglet privilège.

Utiliser l'icone d'édition pour éditer l'utilisateur root pour 127.0.0.1

Utiliser le cadre « Modifier le mot de passe » pour ajouter un mot de passe à cet utilisateur.

Rentrer votre mot de pass dans les 2 champs prévu à cet effet.
Validez en cliquant sur le bouton Exécuter.

Aller à nouveau dans l'onglet privilège et utiliser l'icone d'édition pour éditer l'utilisateur root pour localhost.

Recommencer la même opération que précédemment utiliser le cadre « Modifier le mot de passe » pour ajouter un mot de passe à cet utilisateur. Rentrer votre mot de pass dans les 2 champs prévu à cet effet. Validez en cliquant sur le bouton Exécuter.

D.2) Modifier la configuration de phpmyadmin pour ajouter le mot de pass root mysql

Le fait d'avoir rajouter un mot de passe à l'utilisateur root du server MySql fait que phpmyadmin ne pourra plus accéder aux bases de donnée car par défaut son fichier de configuration de contient pas de mot de pass pour se connecter à MySql.

Nous allons donc mettre à jour ce fichier de configuration de phpmyadmin, config.inc.php qui se trouve par défaut dans : C:\wamp\apps\phpmyadmin3.1.3.1\config.inc.php

Remarque : pour l'édition de fichier nous vous conseillons l'application nodepad++ qui est gratuite (http://notepad-plus.sourceforge.net/fr/site.htm)

Dans le fichier config.inc.php chercher ces 2 lignes :
$cfg['Servers'][$i]['user'] = 'root';
$cfg['Servers'][$i]['password'] = '';

Renseigner entre les guillements après le signe égale la variable password.

Exemple : $cfg['Servers'][$i]['password'] = 'monmotdepasse';

Sauvegarder la modification et vous devriez à nouveau avoir accès aux bases de données MySql via phpmyadmin.

D.3) Configuration de php.ini

Ouvrir le fichier php.ini, soit en passant par le menu de wamp (clic gauche sur l'icone) puis menu PHP et clicquez sur le menu php.ini, soit en l'ouvrant directement depuis votre explorateur windows (C:\wamp\bin\php\php5.2.9-2\php.ini).

Le fichier de configuration de php.ini contient énormément de paramètre, suivant ce que vous voulez faire vous pouvez modifier différents paramètres pour rendre la configuration php de wamp compatible avec vos scripts.

D.3.a) Modification des limitations de ressources :

Par exemple pour pouvoir executer en local des fonctions qui demande beaucoup de ressource, il faut modifier les limitations de ressource. On va donc chercher la chaine de caractère « Resource Limits » afin de pouvoir modifier les valeurs des limitations.

;;;;;;;;;;;;;;;;;;;
; Resource Limits ;
;;;;;;;;;;;;;;;;;;;

max_execution_time = 30 ; Maximum execution time of each script, in seconds
max_input_time = 60 ; Maximum amount of time each script may spend parsing request data
;max_input_nesting_level = 64 ; Maximum input variable nesting level
memory_limit = 128M ; Maximum amount of memory a script may consume (128MB)

Afin de pouvoir exécuter des scripts php sans se soucier des limitations de ressources, nous allons mettre volontairement des limites trés hautes.

/!\ Attention : ce type de paramétrage est à proscrire pour une utilisation en production, ou pour le développement de script php destiner à tourner en production sur un serveur mutualisé qui lui doit forcément avoir une configuration limitant les ressources, afin qu'un seul script ne puisse pas bloquer tous un serveur.

Ce type de configuration peut en revanche permettre d'exécuter des taches lourdes en local qu'on ne peut pas faire en ligne avec un hébergement mutualisé.

On va donc pourvoir modifier ces valeurs et les commentaires pour chacune de ces variables de configuration, les valeurs à copier coller sont en italique.

max_execution_time = 3000 ; Temps maximum d execution pour chaque script php en seconde (valeur par défaut 30)

Remarque : c'est cette valeur qui va permettre de lancer un script sans que son execution soit stoppée par la limite de temps. Ici 3000 signifie que le script peut tourner 5 min maximum, si l'on veut plus on peut augmenter encore cette limite.

max_input_time = 600 ; définit un délai en secondes pour recevoir des données d'entrée via les méthodes POST GET et PUT

Remarque : Si votre application tourne sur une liaison lente, il peut être intéressant d'accroître max_input_time afin que le script dispose de plus de temps pour recevoir les données d'entrée.

;max_input_nesting_level = 64 ; definit la profondeur maximale des variables d entrees

Remarque : suprime depuis php5, on pourrait donc suprimer cette ligne. Le ; devant la ligne veut dire qu'elle est commentée donc non utilisée. Ce paramètre n'a une utilité que si vous utilisez php 4.4.8 jusqu'à php 5 exclu.

memory_limit = 1280M ; quantite maximum de memoire qu'un script php peut utiliser (valeur par defaut 128M)

Remarque : c'est cette valeur qui va limiter l'utilisation de mémoire vive d'un script php, cette limitation est donc très important pour un serveur en production, mais en local vu qu'on est le seul utilisateur et que la seule conséquence sera au pire de faire ramer son pc, on peut mettre une valeur élevée.

E) Utilisation Basique de WampServer

Pour pouvoir travailler sur le développement de vos sites web, il suffit de créer des répertoires correspondant à vos projets dans le répertoire www de WampServer.

Exemple : créer un répertoire C:\wamp\www\test

Ensuite vous pouvez déposer vos scripts et/ou vos pages web dans ce ou ces répertoires et y accèder via votre navigateur en passant par la page localhost et utilisant la rubrique « Vos Projets). Vous pouvez également taper directement l'url du type : http://localhost/test

Si vous avez besoin d'une base de donnée, vous pouvez la créer via phpmyadmin.

F) Conclusion :

Ce tutorial vous donnes des bases pour pouvoir utiliser WampServer, nous verrons ensuite des tutoriaux spécialisé sur l'utilisation de différents script opensource comme joomla, prestashop, phpbb3, etc...

Cordialement
L'Equipe Keoconcept