Atlantide Web Island

Indice articolo
Sistema completo di registrazione e login utenti
Login utente
Gestire la sessione
Logout
Tutte le pagine

Salve a tutti e benvenuti in questo tutorial che vi mostrerà come creare un sistema completo di membri registrati sul nostro sito web, con l'introduzione di pagine ad accesso riservato, che potranno essere visualizzate solo dopo aver eseguito il login.

La piattaforma prevede un sistema di registrazione attraverso un database relazionale come mysql e un sistema di login attraverso un modulo oppure attraverso un cookie che manterrà attiva la sessione anche dopo la chiusura del browser.

Per realizzare questo sistema abbiamo bisogno di :

• Php supportato sul server
• Un database Mysql
• Discreta dimestichezza tecnica con il codice

Dovremo creare 5 oggetti (più il file di collegamento al database), fondamentale sarà rispettare l'ordine suggerito dal tutorial, poi una volta acquisito il metodo potrete gestire i file come meglio crediate. Gli oggetti in questione sono :

1. Una tabella 'utenti' sul database
2. Uno script per la registrazione (registration.php)
3. Uno script per il login (login.php)
4. Uno script per il logout (logout.php)
5. Un file che controlla la sessione utente da includere all'inizio di ogni pagina (header.php).

L'immagine sottostante rappresenta il sistema che seguiremo per organizzare i files.

Cominciamo ! Il primo oggetto da creare è una tabella sul database nella quale verrano immagazzinati i dati degli utenti. Portiamoci sul nostro phpmyadmin (o servizio simile) e immettiamo la seguente query :

-- -- Struttura della tabella `utenti` -- CREATE TABLE `utenti` ( `user_id` mediumint(8) NOT NULL auto_increment, `username` varchar(25) NOT NULL default '', `user_password` varchar(32) NOT NULL default '', `user_email` varchar(255) NOT NULL default '', PRIMARY KEY (`user_id`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci AUTO_INCREMENT=1 ;

Questi sono i dati fondamentali per la creazione di un profilo utente, una volta che avrete capito il meccanismo si potrà passare ad implementare la struttura, magari aggiungendo campi relativi alla città, agli interessi, al livello acquisito all'interno della piattaforma.

Bene, ora passiamo allo script per la registrazione.
Prima di procedere, però, dobbiamo creare un file che ci permetta di collegarci al database. E' molto pratico generare un file singolo per poi poterlo includere in tutti i documenti che necessitano una connessione con mysql.

Il file che ci collega al database mysql lo chiameremo config.php e lo salveremo nella cartella 'site'. Il codice del documento è il seguente :

<?php // edita i parametri sottostanti $dbms = 'mysql'; $dbhost = 'localhost'; $dbname = 'nome_database'; $dbuser = 'utente_database'; $dbpasswd = 'password_database'; // non cambiare più nulla !! $db = mysql_connect($dbhost, $dbuser, $dbpasswd); mysql_select_db($dbname, $db); ?> Adesso nella cartella 'utente' andiamo a creare il file per registrarsi al sito.
Di seguito il codice della pagina registration.php. Si noterà che nella prima riga s'include il documento header.php che ancora non abbiamo creato, non preoccupiamoci e andiamo avanti. <? //include header.php include('../site/header.php'); //collegamento dal database require_once('../site/config.php'); //controlla se l'utente è già loggato if($_SESSION['logged_in'] == 1) { //reindirizzamento alla home page : edita il parametro con il tuo indirizzo header('Location: http://www.miosito.com'); } //l'utente non è loggato else { //il modulo non è stato ancora inviato if(isset($HTTP_POST_VARS['submit'])) { //controlla dati relativi all'username if(!$_POST['username']) die('Attenzione : il campo username è vuoto'); //array di caratteri non ammessi $bad = array('.' , ',' , '/' , '`' , ';' , '[' , ']' , '-', '*', '&', '^', '%', '$', '#', '@', '!', '~', '+', '(', ')', '|', '{', '}', '<', '>', '?', ':', '"', '='); //controlla lunghezza username $len = strlen($_POST['username']); //sostituisce caratteri non ammessi $_POST['username'] = str_replace($bad, '', $_POST['username']); $dato = $_POST['username']; //se le lunghezze sono differenti sono stati utilizzati caratteri non ammessi if(strlen($dato) != $len) { die('Hai usato dei caratteri non validi nel campo username. Puoi usare solo lettere, numeri e il trattino basso _ !!'); } //Controlla se l'username è già utlizzato nel database... $q2 = mysql_query("SELECT * FROM `utenti` WHERE `username` = '".$_POST['username']."'"); $q3 = mysql_fetch_object($q2); if($q3->username == $_POST['username']) { die('Siamo spiacenti ma l\'username "'.$q3->username.'" è già attivo nel nostro database<br /><br /> Per favore ne scelga un altro.'); } //controlla dati relativi alla password if(!$_POST['password']) { die('Errore: Il campo password risulta non compilato'); } if(!$_POST['verify_password']) { die('Errore: Il campo verfica password risulta non compilato'); } if($_POST['password'] != $_POST['verify_password']) { die('Errore: Le passwords non corrispondono.'); } //Inserisce il nuovo membro nel database $insert ="INSERT INTO `utenti` (username, user_password, user_email) VALUES ('".$_POST['username']."', '".md5($_POST['password'])."', '".$_POST['email']."')"; $insert2 = mysql_query($insert); if(!$insert2) die(mysql_error()); //Edita i parametri sottostanti con i dati relativi al tuo sito $web_site = 'Il nome del sito'; $webmaster = 'Nickname webmaster'; $web_mail = 'Indirizzo mail del sito'; // Fine modifica //Passa i dati per il login a variabili da mandare via mail all'utente $nome_utente = $_POST['username']; $pass_utente = $_POST['password']; $mail_utente = $_POST['email']; $header = "From: ". $web_site . " <" . $web_mail . ">\r\n"; // Edita l'oggetto e il messaggio $subject = "Dettagli registrazione"; $message = "Gentile $nome_utente, da adesso sei un utente registrato su $web_site. Per usufruire dei nostri servizi devi semplicemente inserire questi dati nel login apposito: Username: $nome_utente Password: $pass_utente Conserva queste informazioni o meglio ancora stampa questa mail. Grazie infinite, $webmaster"; // Spedisce la mail mail($mail_utente, $subject, $message, $header); echo('Registrazione avvenuta, Benvenuto !!!<br /> Le informazioni che ci hai fornito ti sono state spedite via mail.'); } //il modulo non è stato ancora compilato else { ?> <form action="<? $_SERVER['PHP_SELF']; ?>" method="post" name="signup" id="signup"> <fieldset> <legend>Compila il modulo per registrarti sul nostro sito</legend> <dl> <dt> <label for="username">Username : <br /> (sono permessi solo lettere e numeri)</label> </dt> <dd><input type="text" id ="username" name="username" value="" maxlength="30" /></dd> </dl> <dl> <dt> <label for="password">Password : <br />(minimo 6 caratteri)</label> </dt> <dd><input type="password" id="password" name="password" value="" maxlength="30" /></dd> </dl> <dl> <dt> <label for="verify_password">Verifica Password : </label> </dt> <dd><input type="password" id="verify_password" name="verify_password" value="" maxlength="30" /></dd> </dl> <dl> <dt> <label for="email">Email : </label> </dt> <dd><input type="text" id="email" name="email" value="" size="30" /> </dd> </dl> </fieldset> <fieldset> <input type="submit" id="submit" name="submit" value="Invia" /> </fieldset> </form> <? } //fine utente non loggato } //fine modulo non inviato ?>

Un po' lunghetto vero ? Beh quando ho intitolato questo articolo non a caso ho scelto l'attributo "completo" !
Lo script per la registrazione non lascia nulla al caso.
Controlla la validità dei campi che non possono essere lasciati vuoti, in tal caso attraverso l'istruzione die lo script si fermerà generando un messaggio di errore. Nulla vi vieta d'implementare il codice magari usando javascript per fare un controllo sulla validità dei dati prima che il form sia processato.
Altro controllo fondamentale è la verifica della disponibilità del nome utente nel database. Lo script esegue una query che confronta l'username immesso nel modulo con quelli presenti nel database. In caso di un riscontro positivo assisteremo a un arresto dell'esecuzione.

Nel caso invece le informazioni siano corrette e l'username disponibile, le informazioni saranno salvate nel database, e sarà inviata una mail che informa l'utente dell'avvenuta registrazione ricordandogli le sue credenziali di accesso.
Notiamo che la password viene inserita nel database attraverso l'algoritmo di criptazione md5. Tale sistema è irreversibile, nel senso che una volta criptata la password non potrà essere più convertita "in chiaro", per cui se l'utente la smarrirà sarà necessario generarne una ex-novo.
In tal senso abbiamo creato un tutorial per questa procedure, visibile a questa pagina.

Ok ragazzi, è venuto il momento di creare il prossimo file, login.php che permetterà all'utente di utilizzare i suoi dati forniti al momento della registrazione per visualizzare aree ad accesso riservato.