Créer un système de Connexion / Inscription en PHP

4Spartan8

<div>Bonjour à tous !</div>
<div> </div>
<div>Aujourd'hui nous nous attaquons à un tutoriel assez long !</div>
<div><strong>Je vous préviens tout de suite ! Si vous n'avez pas de connaissance en PHP / HTML il est inutile de poursuivre ce tutoriel.</strong></div>
<div> </div>
<div>Nous allons donc comme dit plus haut utilisé du PHP & du HTML pour réaliser ce tutoriel.</div>
<div> </div>
<div><span>1 - Système de connexion</span></div>
<div> </div>
<div>C'est partie ! On s'occupe en premier de la base de donnée :</div>
<div> </div>
<div>Nous allons donc créer un table nommer "membre" qui regroupera tous les membres du site.</div>
<div> </div>
<div>
<pre class="ipsCode prettyprint">
CREATE TABLE membre (
id int(11) NOT NULL auto_increment,
login varchar(8) NOT NULL,
password varchar(8) NOT NULL,
PRIMARY KEY (id),
KEY ID_2 (id)
);
</pre>
</div>
<div> </div>
<div>Ici on stocke : L'id, le Pseudo & le Password du membre.</div>
<div> </div>
<div>Ensuite on créer la page LOGIN.PHP & on insére formulaire HTML de connexion :</div>
<div> </div>
<div>
<pre class="ipsCode prettyprint">
<form method="post" action="">

&lt;legend&gt;Connexion au Panel&lt;/legend&gt;

&lt;div class="form-group"&gt;
  &lt;label class="col-lg-2 control-label"&gt;Login&lt;/label&gt;
  &lt;div class="col-lg-10"&gt;
    &lt;input type="text" class="form-control" name="login" placeholder="Login"&gt;
  &lt;/div&gt;
&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;

&lt;div class="form-group"&gt;
  &lt;label class="col-lg-2 control-label"&gt;Mot de passe&lt;/label&gt;
  &lt;div class="col-lg-10"&gt;
    &lt;input type="password" class="form-control" name="password" placeholder="Mot de passe"&gt;
  &lt;/div&gt;
&lt;/div&gt;

<br/><br/><center><button type="submit" name="submit" class="btn btn-primary">Connexion</button></center>
</form>

</pre>
</div>
<div> </div>
<div>Ensuite on créer le système qui vas vérifier & nous connecter :</div>
<div> </div>
<div>
<pre class="ipsCode prettyprint">
<?php
// on se connecte à MySQL
$db = mysql_connect('localhost', 'login', 'password');
mysql_select_db('nomdelabase',$db);

if(isset($_POST) && !empty($_POST['login']) && !empty($_POST['password'])) {
$_POST['password'] = hash("sha256", $_POST['password']);
extract($_POST);
// on recupére le password de la table qui correspond au login du visiteur
$sql = "select password from membre where login='".$login."'";
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());

$data = mysql_fetch_assoc($req);

if($data['password'] != $password) {
echo '<div class="alert alert-dismissable alert-danger">
<button type="button" class="close" data-dismiss="alert">x</button>
<strong>Oh Non !</strong> Mauvais login / password. Merci de recommencer !
</div>';
}

else {
session_start();
$_SESSION['login'] = $login;

echo '&lt;div class="alert alert-dismissable alert-success"&gt;

<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Yes !</strong> Vous etes bien logué, Redirection dans 5 secondes ! <meta http-equiv="refresh" content="5; URL=dashboard">
</div>';
// ici vous pouvez afficher un lien pour renvoyer
// vers la page d'accueil de votre espace membres
}
}
else {
$champs = '<p><b>(Remplissez tous les champs pour vous connectez !)</b></p>';
}

?>
</pre>
</div>
<div> </div>
<div>Ensuite nous modifions la ligne : </div>
<div> </div>
<div>
<pre class="ipsCode prettyprint">
// on se connecte à MySQL
$db = mysql_connect('localhost', 'login', 'password');
mysql_select_db('nomdelabase',$db);
</pre>
</div>
<div> </div>
<div>Ici vous entrez les identifiants de connexion à la base de donnée.</div>
<div> </div>
<div>Voilà, la connexion est terminée. Maintenant nous passons au plus dur !</div>
<div> </div>
<div> </div>
<div><span>2 - Système d'inscription</span></div>
<div> </div>
<div>Ici on créer une page REGISTER.PHP & on créer le système d'inscription.</div>
<div> </div>
<div>Enfaite ce n'est pas réellement le plus dur car ici nous nous servirons tout simplement d'un système de news en php mais nous le modifierons un petit peut !</div>
<div> </div>
<div>Alors go :</div>
<div> </div>
<div>On créer le formulaire d'inscription et on l'insère dans la page</div>
<div> </div>
<div>
<pre class="ipsCode prettyprint">
<form method="post" action="">

&lt;legend&gt;S'inscrire sur le site&lt;/legend&gt;

&lt;div class="form-group"&gt;
  &lt;label class="col-lg-2 control-label"&gt;Login&lt;/label&gt;
  &lt;div class="col-lg-10"&gt;
    &lt;input type="text" class="form-control" name="login" placeholder="Login"&gt;
  &lt;/div&gt;
&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;

&lt;div class="form-group"&gt;
  &lt;label class="col-lg-2 control-label"&gt;Mot de passe&lt;/label&gt;
  &lt;div class="col-lg-10"&gt;
    &lt;input type="password" class="form-control" name="password" placeholder="Mot de passe"&gt;
  &lt;/div&gt;
&lt;/div&gt;

<br/><br/><center><button type="submit" name="submit" class="btn btn-primary">S'Inscrire</button></center>
</form>
</pre>
</div>
<div> </div>
<div>Et on créer le système !</div>
<div> </div>
<div><strong><span style="color:#FF4500;">IMPORTANT : Ici nous effectuons une connexion MYSQL PDO (beaucoup plus sécurisé) et tout à l'heure le système était fait de sorte à utiliser une connexion MYSQL BASIQUE qui bientôt disparaitra ...</span></strong></div>
<div> </div>
<div>C'est partie :</div>
<div> </div>
<div>
<pre class="ipsCode prettyprint">
<?php
//Connexion à la BDD
try
{

$bdd = new PDO ('mysql:host=localhost;dbname=nomdelabase', 'login', 'password');

}

catch(Exception $e)
{
die('Erreur :'.$e->getMessage());
}

if(ISSET($_POST['submit']))
{

//On créer les variables
$login = $_POST['login'];
$password = $_POST['password'];
$password = hash("sha256", $password);

$req = $bdd->prepare('INSERT INTO membre(login, password) VALUES (:login, :password)');

$req->execute(array("login" => $login, "password" => $password));

if(!empty($login) && !empty($password))
{

}else{
?>

<b>Pseudo ou MDP vide !</b>

<?php
}

if(empty($login) && empty($password))
{

}else{

session_start();
$_SESSION['login'] = $_POST['login'];
header('Location: dashboard');

}

}

?></pre>
</div>
<div> </div>
<div>La connexion PDO est ici :</div>
<div> </div>
<div>
<pre class="ipsCode prettyprint">
<?php
//Connexion à la BDD
try
{

$bdd = new PDO ('mysql:host=localhost;dbname=nomdelabase', 'login', 'password');

}

catch(Exception $e)
{
die('Erreur :'.$e->getMessage());
}[/php]

Il ne vous reste plus qu'à changer :
[php]('mysql:host=localhost;dbname=nomdelabase', 'login', 'password')[/php]

Et ici aussi pour le lien de redirection une fois que la SESSION à démarrée :

[php] session_start();
$_SESSION['login'] = $_POST['login'];
header('Location: LIEN-DE-REDIRECTION');</pre>
</div>
<div> </div>
<div> </div>
<div><span>3 - Système de vérification</span></div>
<div> </div>
<div> </div>
<div><strong><span style="color:#FF4500;">ICI nouveau problème : Si on essaye d'accèder à une page qui normalement doit être réservé au personne connectées, par exemple : panel.php. Et bien nous y avons quand même accès même déconnecté !</span></strong></div>
<div> </div>
<div>Nous allons résoudre ce problème avec une page nommée vérif.php.</div>
<div>On y inclue ce code :</div>
<div> </div>
<div>
<pre class="ipsCode prettyprint">
<?
session_start();

/*
si la variable de session login n'existe pas cela siginifie que le visiteur
n'a pas de session ouverte, il n'est donc pas logué ni autorisé à
acceder à l'espace membres
*/
if(!isset($_SESSION['login'])) {
echo '<h1>Vous n'êtes pas connecté, accés interdit !</h1> <meta http-equiv="refresh" content="0; URL=index.php"> ';
}
?> </pre>
</div>
<div> </div>
<div>Comme indiqué en haut, on regarde si la SESSION est démarrée, si elle ne l'est pas on interdit l'accès.</div>
<div> </div>
<div>Ensuite il ne vous reste plus qu'à include ce code sur toutes les pages que vous voulez :</div>
<div> </div>
<div>
<pre class="ipsCode prettyprint">
<?php include ('verif.php') ; ?></pre>
</div>
<div> </div>
<div> </div>
<div><span>4 - Système de déconnexion</span></div>
<div> </div>
<div>Pour finir l'utilisateur doit bien ce déconnecter une fois qu'il à terminé.</div>
<div>Pour ce faire nous créons la page logout.php et on y inclue ce code :</div>
<div> </div>
<div>
<pre class="ipsCode prettyprint">
<?php
session_start();
session_unset();
session_destroy();
header('Location: login.php');
?></pre>
</div>
<div> </div>
<div>Ici on déconnecte l'utilisateur & on le redirige vers la page de login !</div>
<div> </div>
<div>Ce tutoriel est maintenant terminé !</div>
<div> </div>
<div><strong>Attention : Je préviens à l'avance avant que tous le monde spam le topic :</strong></div>
<div><span><strong>Le Topic ne sert en aucun cas de Support ! J'insiste bien la dessus. Vu que je ne suis pas méchant contactez mon plutôt par Mp sur le Forum, c'est quand même mieux !</strong></span></div>
<div> </div>
<div>En espérant vous avoir aidez, à la prochaine !</div>

Anaeria

<p>J'aime bien, c'est complet et ça fait une bonne base.</p>
<p>Seul petit truc, personnellement pour la sécurité des mots de passe je préfère utiliser la fonction <a href="http://fr2.php.net/manual/en/function.password-hash.php" rel="external nofollow">password_hash</a>.</p>

4Spartan8

<p>Merci, oui effectivement tu peut aussi utilisé la fonction password_hash </p>

vfrz

<p>Merci beaucoup pour ce tutoriel </p>

4Spartan8

Azad

<p>Très bon tutoriel, pour un premier message c'est du bon boulot. </p>
<p>+1 point de réputation.</p>

4Spartan8

<blockquote class="ipsQuote" data-cite="Azad" data-ipsquote="" data-ipsquote-contentclass="forums_Topic" data-ipsquote-contentcommentid="4663" data-ipsquote-contentid="437" data-ipsquote-contenttype="forums" data-ipsquote-timestamp="1396647606" data-ipsquote-username="Azad"><div>
<div>
<p>Très bon tutoriel, pour un premier message c'est du bon boulot. </p>
<p>+1 point de réputation.</p>
</div>
</div></blockquote>
<p> </p>
<p>Merci beaucoup </p>

Abraham

<p>Le session_start(); devrait être en tout début de page, à la première ligne du fichier, vraiment.</p>
<p>Sinon, bon tutoriel.</p>

Emirates

<p><strong>Merci pour ce tutoriel très clair ! Je vais m'en servir pour ma prochaine réalisation !</strong> </p>

FaKe77

<p>Bon tutoriel, serait pas mal de faire le même en POO et sans Boostrap, pourquoi pas ajouté un système de vérification par mail ou key.</p><p>Sinon pour les requêtes SQL privilégie BindParam niveau sécu c'est mieux.</p><p>+1</p>

EyesGammer

<p>
Salut, je sais que le sujet dois surement etre clos, mais j'ai besoin d'aide. Au niveau du script LOGIN.PHP j'ai un message d'erreur que je ne comprend pas:
</p>
<p>
<b>Deprecated</b>: mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead in <b>/home/u515460985/public_html/LOGIN.php</b> on line <b>24</b>
</p>
<p>
<b>et voila le script qui correspond a cette erreur: </b>$db = mysql_connect('#', 'u515460985_moi', '#');<br/>
mysql_select_db('#',$db);
</p>
<p>

</p>
<p>
Evidemment la ou il y a les # j'ai rempli les informations, quelque peut m'aider?
</p>

vfrz

<p>
Bon je ne code pas du tout en php, mais en gros en traduction ca dit que tu ne dois plus utiliser l'extension mysql car elle est obsolète mais plutôt mysqli ou PDO </p>

Soulalex

<p>
En effet et je te recommande d'utiliser le PDO </p>
<p>
<a href="http://php.net/manual/fr/book.pdo.php" ipsnoembed="true" rel="external nofollow">http://php.net/manual/fr/book.pdo.php</a>
</p>
<p>
<a href="https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql" ipsnoembed="true" rel="external nofollow">https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql</a>
</p>

EyesGammer

<p>
A ok merci de l'aide je vais essayer
</p>

EyesGammer

<div>
<div>
<code><span style="color:#000000;"><span style="color:#0000BB;"><?php<br/>
$dbh </span><span style="color:#007700;">= new </span><span style="color:#0000BB;">PDO</span><span style="color:#007700;">(</span><span style="color:#DD0000;">'mysql:host=localhost;dbname=test'</span><span style="color:#007700;">, </span><u><span style="color:#0000BB;">$user</span><span style="color:#007700;">, </span><span style="color:#0000BB;">$pass</span></u><span style="color:#007700;">);</span><br/><span style="color:#0000BB;">?></span> </span> </code>
</div>
<div>

</div>
<div>
<code><span style="color:#000000;"><span style="color:#0000BB;">Je ne omprend pas bien comment utiliser le $user et le $pass,</span></span></code>
</div>
<div>
<code><span style="color:#000000;"><span style="color:#0000BB;">Vous pouver peut etre m'aider?</span></span></code>
</div>
</div>

vfrz

<p>
Ben c'est des variables non ? Donc tu dois définir leurs valeurs au dessus. Si c'est ca la problème, il va falloir apprendre le php plus en profondeur avant de vouloir faire ce genre de chose </p>

EyesGammer

<p>
<b>Salut vfrz, en gros je fait:</b>
</p>
<p>
<b>$user = '#';</b>
</p>
<p>
<b>et a la place du # je met mes informations?</b>
</p>
<p>
<b>Et pour te répondre va sur mon site voir ce que j'ai reussi a faire: </b><a href="http://eyesgammer.pe.hu/" rel="external nofollow">http://eyesgammer.pe.hu/</a>
</p>
<p>
(Evidemment le site n'est pas fini)
</p>

vfrz

<blockquote class="ipsQuote" data-ipsquote="" data-ipsquote-contentapp="forums" data-ipsquote-contentclass="forums_Topic" data-ipsquote-contentcommentid="17858" data-ipsquote-contentid="437" data-ipsquote-contenttype="forums" data-ipsquote-timestamp="1471210657" data-ipsquote-userid="1633" data-ipsquote-username="EyesGammer">
<div class="ipsQuote_citation">
Il y a 11 heures, EyesGammer a dit :
</div>
<div class="ipsQuote_contents">
<p>
<b>Salut vfrz, en gros je fait:</b>
</p>
<p>
<b>$user = '#';</b>
</p>
<p>
<b>et a la place du # je met mes informations?</b>
</p>
<p>
<b>Et pour te répondre va sur mon site voir ce que j'ai reussi a faire: </b><a href="http://eyesgammer.pe.hu/" rel="external nofollow">http://eyesgammer.pe.hu/</a>
</p>
<p>
(Evidemment le site n'est pas fini)
</p>
</div>
</blockquote>
<p>
Oui c'est ça, mais si tu ne sais pas comment fonctionne les variables c'est inquiétant, tu as suivis un cours php ?
</p>

EyesGammer

<p>
Oui j'ai suivis des cours sur internet (gratuit) de plusieurs sites, mais je sais comment les variables fonctionne.
</p>
<p>
Mais voila encore un probleme; j'ai essayé du coup comme il faut, et il y a encore plus de messages d'erreurs....
</p>
<p>
Donc pourrai-tu me dire le "risque" si je laisse ma connection mysql comme je l'ai actuellement?
</p>

Fyshi

<p>
Hellow !
</p>
<p>
Le risque que tu encours est que ton site ne fonctionne pas sous PHP 7.0, car cette fonction a était supprimer. Je vais te fait donc un petit cours de PDO. (Vraiment petit car c'est beaucoup plus subtil que ça)
</p>
<p>
Pour te connecter à une base de données, la solution ta était donné plus haut, c'est bien:
</p>
<p>

</p>
<pre class="ipsCode prettyprint lang-php prettyprinted">
<span class="pln">$dbh </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">new</span><span class="pln"> PDO</span><span class="pun">(</span><span class="str">'mysql:host=localhost;dbname=LeNomDeTaBaseDeDonnées'</span><span class="pun">,</span><span class="pln"> </span><span class="str">'TonNomDeCompte'</span><span class="pun">,</span><span class="pln"> </span><span class="str">'TonMotDePasse'</span><span class="pun">);</span></pre>
<p>

</p>
<p>
Tu l'auras compris, tu dois modifier les "LeNomDeTaBaseDeDonnées", "TonNomDeCompte" et "TonMotDePasse" par ce qui est marqué.
</p>
<p>
Ensuite, pour faire une requête dedans, rien de plus simple, on procède comme ça:
</p>
<p>

</p>
<pre class="ipsCode prettyprint lang-php prettyprinted">
<span class="pln">$TaRequ</span><span class="pun">ê</span><span class="pln">teSql </span><span class="pun">=</span><span class="pln"> $dbh</span><span class="pun">-></span><span class="pln">prepare</span><span class="pun">(</span><span class="str">'SELECT * FROM NomDeTaTable'</span><span class="pun">);</span><span class="pln">
$TaRequ</span><span class="pun">ê</span><span class="pln">teSql</span><span class="pun">-></span><span class="pln">execute</span><span class="pun">();</span></pre>
<p>
Tu peux modifier la requête sql par ce que tu veux, la j'ai mis un simple SELECT.
</p>
<p>
Ensuite, si tu veux "manipuler" les données, tu dois faire:
</p>
<p>

</p>
<pre class="ipsCode prettyprint lang-php prettyprinted">
<span class="pln">$TesDonn</span><span class="pun">é</span><span class="pln">es </span><span class="pun">=</span><span class="pln"> $TaRequ</span><span class="pun">ê</span><span class="pln">teSql</span><span class="pun">-></span><span class="pln">fetchAll</span><span class="pun">();</span></pre>
<p></p><p>
Enfin, je te renvoie à la documentation sur PDO pour le reste.
</p>
<p>
<a href="http://php.net/manual/fr/book.pdo.php" rel="external nofollow">http://php.net/manual/fr/book.pdo.php</a>
</p>
<p>
Et voici un très bon cours qui te permettras de comprendre PDO plus facilement:
</p>
<p>
<a href="https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/lire-des-donnees-2" rel="external nofollow">https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/lire-des-donnees-2</a>
</p>
<p>

</p>
<p>
Bonne chance. ^-^
</p>

NodeBB

Créer un système de Connexion / Inscription en PHP