Médiaforma

PHP MySQL – Accès protégé à une page Web

Print Friendly

Ecrivez le code nécessaire pour accéder à une page Web protégée par un mot de passe. Pour cela :

  1. Vous définirez une page contenant un formulaire dans lequel sera saisi le mot de passe.
  2. Vous passerez le mot de passe à la page protégée. Si le mot de passe est « champion », vous afficherez la page. Dans le cas contraire, vous afficherez un message indiquant que le mot de passe n’est pas le bon.

Solution

Mettez la vidéo sur pause et écrivez les deux pages demandées. Reprenez la lecture de la vidéo pour prendre connaissance de la solution du problème.

Voici la page dans laquelle est saisi le mot de passe :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Formulaire d'accès à la page protégée</title>
  </head>
  <body>
    <form name="MonFormulaire" method="post" action="page-protegee.php">
      <table><tr><td><label>Entrez le mot de passe</label></td>
      <td><input type="password" name="mdp"></td></tr>
      <tr><td></td><td><input type="submit" name="Nom" value="Envoyer"></td>
      </table>
    </form>
  </body>
</html>

Ce formulaire est traditionnel. Les informations affichées sont mises en forme par l’intermédiaire d’un tableau. Le champ de saisie du mot de passe est un input de type password. Un clic sur le bouton Envoyer provoque l’exécution de la page protegee.php.

Et voici le code de la page protégée par le mot de passe :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Formulaire d'accès à la page protégée</title>
  </head>
  <body>
    <?php
      if(isset($_POST["mdp"]))
        if ($_POST["mdp"] == "champion")
        echo "Vous avez accès au contenu protégé de cette page.";
        else
          echo "Le mot de passe entré n'est pas le bon. Réessayez...";
    ?>
  </body>
</html>

Si le mot de passe envoyé par le formulaire est champion, le message « Vous avez accès au contenu protégé de cette page. » Est affiché. Dans le cas contraire, le message  » Le mot de passe entré n’est pas le bon. Réessayez… » est affiché.

Exécutons ce code dans WAMP Server. Nous entrons le mot de passe champion et nous cliquons sur le bouton Envoyer. Le bon mot de passe a bien été transmis.

Revenons à la page précédente en cliquant sur le bouton Précédent du navigateur. Cette fois-ci, nous entrons un mot de passe différent de champion. Un clic sur le bouton Envoyer et un message indiquant que le mot de passe n’est pas le bon est affiché.

 

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply