PHP Login mit AJAX

Fredi — Sun, 03 Jan 2010 13:26:43 +0000

Ich habe bereits in diesem Artikel erklärt, wie man ein PHP Login mit einer MySQL Datenbank erstellt. Nun möchte ich in diesem Artikel erklären, wie man ein PHP Login mit einer schöneren Benutzeroberfläche programmiert. Der Vorteil besteht darin, dass die Seite nicht neu geladen wird, wenn man sich einloggt. Zusätzlich werden wir das Passwort mit md5 verschlüsseln, um es nicht einfach so lesbar zu machen.

Für dieses Tutorial hier, brauche ich viele Dinge aus dem, welches ich oben verlinkt habe. Deshalb ist es von Vorteil, wenn man sich das Tutorial bereits durchgelesen hat, bevor man mit diesem hier beginnt.

Als erstes solltet ihr alle Dateien aus dem anderen Tutorial erstellen und testen, ob das ganze so funktioniert. Wenn ihr das getan habt, beginnen wir mit der Verschlüsselung der Daten. Man muss sich das so vorstellen, dass beim Eintragen in der Datenbank nicht das Passwort in Klartext abgelegt wird, sondern nur der Hashwert. Wenn sich nun jemand einloggen will, wird das Passwort zuerst auch zu einem md5 Hash verarbeitet und diese beiden Werte dann verglichen.

Dazu müssen wir in der Login.php folgendes verändern:

&lt;?php
include('connect.php');
$username=$_POST['username'];
$password=md5($_POST['password']);
 
$query=mysql_query("SELECT username, password FROM users WHERE username ='".$username."'") or die("konnte nicht selecten!!!");
mysql_real_escape_string($username);
mysql_real_escape_string($password);
$result=mysql_fetch_array($query);
 
if(!$result['username']){
echo "Username oder Passwort falsch!";
die();
}
if($password != $result['password']){
echo "Username oder Passwort falsch!";
die();
}
session_register('username');
echo "Du bist erfolgreich registriert!";
?&gt;

Dadurch wird das empfangene Passwort direkt als Hash in der Variable gespeichert. Das dies funktionieren kann, muss das Passwort auch als md5 Hash in der Datenbank vorhanden sein. Da ich hier keine Registrierungsfunktion einbaue, muss man aus dem Passwort manuell den md5 Hash generieren. Im Web gibt es zahlreiche Websiten, die das anbieten. Falls man so etwas selber machen will, reicht dieser kleine PHP Code:

&lt;?php echo md5('Dein Passwort'); ?&gt;

Als nächstes müssen wir die loginform.php anpassen. Zuerst benötigen wir aber JQuery. Wenn wir es heruntergeladen haben, verschieben wir die Datei ins gleiche Verzeichniss wie die anderen Dateien und verändern die loginform.php folgendermassen:

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Einfaches Loginscript -Tutorial&lt;/title&gt;
&lt;script type="text/javascript" src="jquery-1.3.2.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function(){
$("#submit").click(function(){
$.post("login.php", {username: $("#username").val(), password: $("#password").val()}, function(data){
$("#userdata").remove();
$("#result").append(data);
});
});
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="result"&gt;
&lt;/div&gt;
&lt;div id="userdata"&gt;
Deine Benutzerdaten:&lt;br&gt;
Benutzername:
&lt;input type="text" size="35" id="username"&gt;&lt;br&gt;
Passwort:
&lt;input type="password" size="35" id="password"&gt;&lt;br&gt;
&lt;input type="submit" value="Login" id="submit"&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

Nun sollte man alle Dateien aus dem anderen Tutorial erstellt haben, die Dateien wie hier beschrieben anpassen und die MySQL Einträge und Konfiguration vornehmen. Wenn das alles getan ist, kann man die Daten auf einen Webserver hochladen und das ganze Testen. Wenn ihr auf Login klickt, sollte die Loginmaske verschwinden und die Erfolgs-, oder Fehlermeldung erscheinen.

Falls ihr einen Fehler entdeckt oder Fragen habt, schreibt doch einfach einen Kommentar.

Einfaches PHP Login

Fredi — Sat, 09 May 2009 21:30:43 +0000

Hallo

Ich möchte euch zeigen, wie man mit PHP ein simples Loginscript mit MySQL erstellt. Ich setze voraus, dass ihr ein bisschen PHP und HTML könnt, da es sich sonst sehr in die Länge ziehen würde.

Ausserdem übernehme ich keine Garantie und keine Haftung für die Scripte und ihre Sicherheit sowie Funktionsfähigkeit.

Unser Script wird sich in folgende Dateien aufteilen:

login.php
loginform.php
checker.php
connect.php
config.php

Fangen wir mit der login.php an. Sie soll die Daten von der loginform.php empfangen und überprüfen. Es empfängt die Daten, verbindet sich zur Datenbank, überprüft den Code auf Schadcode und vergleicht die Werte. Wenn sie ok sind, registriert es die Session.

login.php


include('connect.php');
$username=$_POST['username'];
$password=$_POST['password'];
 
$query=mysql_query("SELECT username, password FROM users WHERE username ='".$username."'") or die("konnte nicht selecten!!!");
mysql_real_escape_string($username);
mysql_real_escape_string($password);
$result=mysql_fetch_array($query);
 
if(!$result['username']){
echo "Username oder Passwort falsch!";
header('location:loginform.php');
die();
}
if($password != $result['password']){
echo "Username oder Passwort falsch!";
header('location:loginform.php');
die();
}
session_register('username');
echo "Du bist erfolgreich registriert!";
?>

Die loginform.php soll die Daten vom User entgegennehmen, also dort, wo man die Daten eingibt.

loginform.php

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Einfaches Loginscript -Tutorialtitle>
head>
<body>
Deine Benutzerdaten:<br>
<form action="login.php" method="post" >
Benutzername:
<input name="username" type="text" size="35"><br>
Passwort:
<input name="password" type="password" size="35"><br>
<input type="submit" value="Login">
form>
body>
html>

Der checker.php soll auf jeder Seite überprüfen, ob der User bereits eingelogt ist. Wenn nicht, soll er ihn zum Login weiterleiten.

checker.php


session_start();
if(!session_is_registered('username')){
echo "Du hast keinen Zutritt!";
header('location:loginform.php');
die();
}
?>

Die connect.php soll die Verbindung zur Datenbank vereinfachen, in dem sie die Funktion in eine Datei vereint, die jedes Script includen kann ohne den Befehl dauernd wiederholen zu müssen.

connect.php


include('config.php');
mysql_connect("$dbhost", "$dbuser", "$dbpassword") OR die("Konnte keine Verbindung aufbauen.");
mysql_select_db("$dbdatenbank") OR die("Konnte keine Verbindung aufbauen.");
?>

Die config.php speichert alle Daten zur Datenbank verbindung ab.

config.php


$dbhost="localhost";
$dbuser="user";
$dbpassword="passwort";
$dbdatenbank="Datenbankname";
?>

Nun muss man in der config.php die Daten der MySQL Datenbank angeben. Dann kann man in der Datenbank eine neue Tabelle mit dem Namen users erstellen. In diese gibt man drei Felder ein: id, username und password. Die id stellt man auf Primary Key und auf Auto Increment.

Nun kann man zwei Werte eintragen und sich im loginform.php anmelden. Auf jede zu schützende Seite bindet man als erstes die checker.php ein.

Wenn man das Script ernsthaft verwenden will, muss man unbedingt noch mit einer Verschlüsselung der Daten arbeiten.

Falls es Probleme mit den Scripts gibt oder wenn ihr einen Fehler entdeckt, bitte ich euch einen Kommentar zu schreiben.