TP : page protégée par mot de passe

Etape 1 : prérequis

• Afficher du texte avec echo
• Utiliser les variables (affectation, affichage...)
• Transmettre des variables via une zone de texte
• Utiliser des conditions simples (if, else)

Etape 2 : préparation du script

1. Au problème que vous vous posez (qu'est-ce que je veux arriver à faire ?)
2. Au schéma du code, c'est-à-dire que vous allez commencer à le découper en plusieurs morceaux, eux-mêmes découpés en petits morceaux (c'est plus facile à avaler ).
3. Aux fonctions et aux connaissances en PHP dont vous allez avoir besoin (pour être sûr que vous les utilisez convenablement).
4. Aux variables que vous allez utiliser, c'est-à-dire au nom que vous allez leur donner.

1. Problème posé : vous avez créé une page web qui contient des informations ultra-confidentielles (les codes d'accès au serveur central de la NASA par exemple ), et vous voulez la protéger par mot de passe pour que seuls vous et vos amis puissent y accéder. Sans le mot de passe, on ne doit pas pouvoir afficher la page.
2. Schéma du code : tout d'abord, on ne doit travailler que sur une seule page.
   Cette page affiche au départ une zone de texte pour rentrer le mot de passe. Si le mot de passe est bon, on affiche les informations confidentielles. Sinon, on propose à nouveau de rentrer le mot de passe (vous sentez déjà venir les conditions, n'est-ce pas ? )
   On va dessiner un schéma pour éclaircir tout ça :
   
   
   
   
   Vous vous attendiez peut-être à plus compliqué... D'ailleurs vous auriez certainement fait quelque chose de plus compliqué (pour rien). Ce que je vous présente là, c'est le code simplifié au maximum. Vous allez voir qu'il n'y a pas besoin de faire plus que cette simple condition.
   Si ça vous paraît TROP simple, attendez de voir la suite et vous allez rapidement comprendre qu'on peut faire simple et efficace.
3. Fonctions et connaissances requises : voir les prérequis plus haut (on les a déjà énoncés).
4. Variables nécessaires : à votre avis, de combien de variables va-t-on avoir besoin ? 4 ? 5 ? 10 ?
   
   Que nenni ! Une seule ! Une seule variable est nécessaire pour réaliser ce script !
   Vous avez deviné de laquelle il s'agit ? Ca me paraît assez évident : on va avoir besoin d'une variable qui stocke le mot de passe entré.
   
   Bon, maintenant faut lui trouver un nom. Vous vous dites probablement que ce n'est qu'un "détail", après tout elle peut s'appeler $supervariable, $thelostpassword, $tutrouverasjamaislemotdepasse... Dans tout les cas ça marche aussi bien et le résultat est le même.
   Oui, mais le code lui ne sera pas le même. Et s'il y a une chose à laquelle fait attention un programmeur, c'est la qualité de son code. Il choisit judicieusement le nom de ses variables et il met des commentaires (beaucoup de commentaires) pour qu'il puisse reprendre son travail plus tard sans être totalement noyé dans son propre code.
   
   Evitez à tout prix les noms ambigus de type $temp, $sr07686 etc etc... N'hésitez pas à utiliser des noms longs mais compréhensibles. Et des noms en français tant qu'à faire (on a déjà assez de mots-clés en anglais comme ça ).
   Dans notre cas, je propose $mot_de_passe (les underscores _ remplacent les espaces). Les noms à éviter ici seraient par exemple : $pass, $password. Certes, ils sont plus courts, mais $mot_de_passe est vraiment le plus clair et vous vous repérerez mieux dans votre code ainsi.
   
   
   Mais attention, n'oubliez pas qu'on va récupérer d'abord une variable à partir d'un formulaire.
   Vous vous souvenez qu'il y avait un préfixe à mettre ? Si votre champ de texte s'appelle mot_de_passe, il y aura donc une variable $_POST['mot_de_passe'] qui sera automatiquement créée dès que l'utilisateur aura entré un mot de passe.
   

• La première fois que vous chargez la page, vous n'avez pas encore rempli le formulaire... Ca veut donc dire que $_POST['mot_de_passe'] n'existe pas. Il sera alors inutile de vérifier si le mot de passe est bon ou pas, puisque le visiteur n'a encore rien entré
• Lorsque vous avez tapé votre mot de passe et cliqué sur "Envoyer", la page se recharge mais cette fois $_POST['mot_de_passe'] existe. Dans ce cas, vous allez vérifier si cette variable est bien le bon mot de passe. Vous afficherez la page cachée si c'est le cas.

Etape 3 : à vous de jouer !

Etape 4 : correction

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

<?php
// J'ai choisi le mot de passe "kangourou"
if (isset($_POST['mot_de_passe'])) // Si la variable existe
{
    // On se crée une variable $mot_de_passe avec le mot de passe entré
    $mot_de_passe = $_POST['mot_de_passe'];
}
else // La variable n'existe pas encore
{
    $mot_de_passe = ""; // On crée une variable $mot_de_passe vide
}
 
if ($mot_de_passe == "kangourou") // Si le mot de passe est bon
{
// On affiche la page cachée.
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Codes d'accès au serveur central de la NASA</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body>
        <h2>Voici les codes d'accès :</h2>
        <h3>CRD5-GTFT-CK65-JOPM-V29N-24G1-HH28-LLFV</h3>
        
        <hr />
        
        <p>
        Cette page est réservée au personnel de la NASA. N'oubliez pas de la visiter régulièrement car les codes d'accès sont changés toutes les semaines.<br />
        La NASA vous remercie de votre visite.
        </p>
    </body>
</html>
<?php
}
else // le mot de passe n'est pas bon
{
// On affiche la zone de texte pour rentrer le mot de passe.
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Page protégée par mot de passe</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body>
<p>Veuillez entrer le mot de passe pour obtenir les codes d'accès au serveur central de la NASA :</p>
<form action="protection.php" method="post">
<p>
<input type="text" name="mot_de_passe" /> <input type="submit" value="Valider" />
</p>
</form>
<p>Cette page est réservée au personnel de la NASA. Si vous ne travaillez pas à la NASA, inutile d'insister vous ne trouverez jamais le mot de passe ! ;-)</p>
    </body>
</html>
<?php
} // Fin du else
// Fin du code :)
?>

• On commence d'abord par vérifier si la variable $_POST['mot_de_passe'] existe. Si c'est le cas, alors on crée une variable $mot_de_passe qui vaudra le mot de passe que le visiteur a entré.
  Si $_POST['mot_de_passe'] n'existe pas, c'est simplement que c'est la première fois que la page est chargée. Dans ce cas, on va créer un $mot_de_passe vide (d'où les doubles guillemets)
  Ne vous prenez pas la tête sur le fonctionnement de isset, sachez qu'en faisant comme ça on peut vérifier si une variable existe ou pas, c'est tout ce qui compte.
• Ensuite, on fait une condition pour vérifier si $mot_de_passe est le bon mot de passe. Ici j'ai choisi "kangourou" pour l'exemple.
• Je n'ai volontairement pas utilisé de echo. J'aurais pu, mais j'ai préféré utiliser l'astuce dont je vous ai parlé dans le chapitre sur les conditions : il suffit de fermer la balise PHP (?>), puis de taper le code HTML à afficher.
• Je pense que vous avez vu qu'il y a en fait 2 pages en 1. En dehors des balises PHP, j'ai utilisé du HTML pur.
• Que se passe-t-il la première fois qu'on affiche la page ? $_POST['mot_de_passe'] est vide (il contient NULL je vous rappelle). Donc $_POST['mot_de_passe'] n'est PAS égal à "kangourou". C'est donc ce qui suit else (sinon) qui est exécuté en premier (et heureusement, il vaut mieux éviter d'afficher la page cachée en premier )