Dans cet article nous allons développer un système qui permettra d'envoyer un mail à votre nouvel utilisateur avec une clé afin de confirmer son compte sur votre site.


Pour commencer il faudra créer 2 nouvelles colonnes dans votre table utilisateur :

  • token de type text
  • confirmation_token de type datetime


CREATE TABLE utilisateur (
 id int(255) unsigned NOT NULL AUTO_INCREMENT,
 nom varchar(50) DEFAULT NULL,
 prenom varchar(50) DEFAULT NULL,
 mail varchar(191) DEFAULT NULL,
 mdp text,
 date_creation_compte datetime DEFAULT NULL,
 token text,
 confirmation_token datetime DEFAULT NULL,
 PRIMARY KEY (id),
 UNIQUE KEY mail (mail)
)


Page inscription.php


Dans cette page nous allons ajouter une fonction pour générer une clé (votre token) et faire un envoi de mail contenant le lien afin de valider le compte.


Avant d'insérer les informations pour notre nouvel utilisateur nous allons commencer par générer notre token. Pour cela nous allons utiliser la fonction random_bytes et la fonction bin2hex afin de nous donner une clé.


// bin2hex(random_bytes($length))
$token = bin2hex(random_bytes(12));

// Exemples:
// 39e9289a5b8328ecc4286da11076748716c41ec7fb94839a689f7dac5cdf5ba8bdc9a9acdc95b95245f80a00

// On insert nos données dans la table utilisateur
$DB->insert("INSERT INTO utilisateur (nom, prenom, mail, mdp, date_creation_compte, token) VALUES 
    (?, ?, ?, ?, ?, ?)", 
    array($nom, $prenom, $mail, $mdp, $date_creation_compte, $token));


N'oubliez pas d'enregistrer votre clé dans votre base de données.


Ensuite nous allons passer à l'envoi du mail qui contiendra un lien qui permettra de valider le compte. Juste avant de faire cela nous allons rechercher l'identifiant unique de la personne que nous venons de créer afin d'envoyer un lien avec l'identifiant de la personne et le token.


$req = $DB->query("SELECT *
  FROM utilisateur
  WHERE mail = ?",
  array($mail));
  
$req = $req->fetch();

$mail_to = $req['mail']; 

//=====Création du header de l'e-mail.
$header = "From: no-reply@gmail.com\n";
$header .= "MIME-version: 1.0\n";
$header .= "Content-type: text/html; charset=utf-8\n";
$header .= "Content-Transfer-ncoding: 8bit";
//=======

//=====Ajout du message au format HTML          
$contenu = '<p>Bonjour ' . $req['nom'] . ',</p><br>
  	<p>Veuillez confirmer votre compte <a href="http://www.domaine.com/conf.php?id=' . $req['id'] . '&token=' . $token . '">Valider</a><p>';
        			
mail($mail_to, 'Confirmation de votre compte', $contenu, $header);


Maintenant que notre système d'envoi de mail pour valider le compte est opérationnel nous allons créer une nouvelle page que nous allons nommer conf.php et dans cette page nous allons valider le compte de l'utilisateur lorsque celui-ci cliquera sur le lien présent dans le mail qu'il aura reçu.


Page conf.php


Dans un premier temps nous allons récupérer les 2 informations dans l'URL du lien qui est dans le mail que l'utilisateur recevra.


$id = (int) $_GET['id'];
$token = (String) htmlentities($_GET['token']); 


Ensuite nous allons vérifier ces informations pour confirmer ou non-confirmer le compte.


if(!isset($id)){
	$valid = false;
	$err_mess = "Le lien est erroné";

}elseif(!isset($token)){
	$valid = false;
	$err_mess = "Le lien est erroné";
}

if($valid){
	$req = $DB->query("SELECT id 
		FROM utilisateur 
		WHERE id = ? AND token = ?"array($id, $token));
		
	$req = $req->fetch();

	if(!isset($req['id'])){
		$valid = false;
		$err_mess = "Le lien est erroné";
	}else{
		$DB->insert("UPDATE utilisateur SET token = NULL, confirmation_token = ? WHERE id = ?", 
	    	array(date('Y-m-d H:i:s'), $req['id']));

	    $info_mess = "Votre compte a bien été validé";
	}  
}


Maintenant nous avons un système de confirmation de compte par mail opérationnel !

+99999
Modifié le 05 juillet 2020
Publicité Sitedudev
Cette pub permet au site de vivre ...
Télécharger le code source
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
706 vues
Consommation d'API REST
Consommation d'API REST en JavaScriptLa consommation d'API REST en JavaScript est une tâche courante dans le développement web moderne. Les API REST permettent aux applications d'envoyer et de...
JS
1 018 vues
Grid : organiser les éléments dans un système de grille
Grid : Organiser les Éléments dans un Système de GrilleCSS Grid est une méthode de disposition en CSS qui permet de créer des systèmes de grille complexes pour organiser les éléments sur une...
CSS
744 vues
Utilisation de async/await
Utilisation de async/await en JavaScriptL'async/await est une syntaxe introduite dans ECMAScript 2017 pour simplifier la gestion des promesses et rendre le code asynchrone plus lisible et plus...
JS
1 238 vues
Flexbox : créer des mises en page flexibles et responsives
Flexbox : Créer des Mises en Page Flexibles et ResponsivesFlexbox est une méthode de disposition en CSS qui permet de créer des mises en page flexibles et responsives. Il offre un contrôle...
CSS
683 vues
Opérateurs arithmétiques, logiques et de comparaison
Opérateurs en JavaScript1. Opérateurs Arithmétiques :Les opérateurs arithmétiques sont utilisés pour effectuer des opérations mathématiques sur des valeurs numériques.Addition (+) : Ajoute...
JS
2 394 vues
Installer SASS sur votre système
Installation de SASS sur votre système1. Installer Node.js :SASS nécessite Node.js pour fonctionner. Si vous ne l'avez pas déjà installé, téléchargez et installez Node.js à partir du site...
Sass
1 074 vues
Sélecteurs CSS : identifier les éléments HTML auxquels appliquer des styles
Sélecteurs CSS : Identifier les éléments HTML auxquels appliquer des stylesLes sélecteurs CSS sont des motifs qui permettent de cibler et de sélectionner des éléments HTML spécifiques afin de...
CSS
2 440 vues
Utilisation de l'instruction SQL INSERT INTO pour ajouter des données à une table
1. Accéder à PhpMyAdmin :Ouvrez un navigateur web et accédez à l'URL où vous avez installé PhpMyAdmin sur votre serveur.2. Authentification :Connectez-vous à PhpMyAdmin en utilisant vos...
SQL
Publicité
Cette pub permet au site de vivre ...