{"id":91869,"date":"2022-10-12T07:28:37","date_gmt":"2022-10-12T12:28:37","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/lagg-till-autentisering-till-valfri-php-app-som-anvander-mysql\/"},"modified":"2022-10-12T07:28:37","modified_gmt":"2022-10-12T12:28:37","slug":"lagg-till-autentisering-till-valfri-php-app-som-anvander-mysql","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/lagg-till-autentisering-till-valfri-php-app-som-anvander-mysql\/","title":{"rendered":"L\u00e4gg till autentisering till valfri PHP-app som anv\u00e4nder MySQL"},"content":{"rendered":"
\n

PHP \u00e4r ett skriptspr\u00e5k p\u00e5 serversidan med \u00f6ppen k\u00e4llkod som kan b\u00e4ddas in i HTML f\u00f6r att bygga webbapplikationer. Den anv\u00e4nds f\u00f6r att utveckla dynamiska webbapplikationer och koppla applikationen till en databas.<\/p>\n

I den h\u00e4r guiden kommer du att l\u00e4ra dig hur du bygger ett autentiseringssystem med PHP- och MySQL-databaser. Vi f\u00f6rv\u00e4ntar oss att du kan grunderna i PHP och MySQL innan du b\u00f6rjar.<\/p>\n

<\/span> Bygga layouten med HTML och Bulma CSS<\/span><\/h2>\n

Framsidan av detta projekt \u00e4r byggt med HTML och Bulma CSS. Bulma CSS \u00e4r ett av de popul\u00e4ra CSS-ramverken som anv\u00e4nds f\u00f6r att designa webbsidor. Du kan anv\u00e4nda Bulma CSS genom att importera den minifierade CSS fr\u00e5n CDN till din PHP-fil.<\/p>\n

<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/[email\u00a0protected]<\/a>\/css\/bulma.min.css\"><\/pre>\n
<\/span>  Integrering av MySQL-databas<\/span><\/h2>\n
MySQL \u00e4r ett relationsbaserat SQL-databashanteringssystem som anv\u00e4nds f\u00f6r att utf\u00f6ra CRUD-operationer p\u00e5 data.  Denna webbapplikation kommer att anv\u00e4nda phpMyAdmin<\/strong> f\u00f6r att hantera databasen.<\/p>\n
phpMyAdmin<\/strong> \u00e4r en free mjukvaruverktyg skrivet i PHP, avsett att hantera administrationen av MySQL \u00f6ver webben.<\/p>\n
Du kan installera phpMyAdmin <\/strong>genom att st\u00e4lla in en WAMP-server p\u00e5 din Windows-dator (eller XAMPP p\u00e5 Linux) och bes\u00f6ka f\u00f6ljande URL<\/p>\n
http:\/\/localhost\/phpmyadmin<\/pre>\n
Sk\u00e4rmen kommer att se ut s\u00e5 h\u00e4r:<\/p>\n
\n<\/figure>\n
<\/span>  Skapar databasen<\/span><\/h2>\n
Du kan skapa databasen antingen genom att anv\u00e4nda SQL-fr\u00e5gor eller via det grafiska anv\u00e4ndargr\u00e4nssnittet som tillhandah\u00e5lls av phpMyAdmin<\/strong>.  I det h\u00e4r programmet \u00e4r namnet p\u00e5 databasen auth, och tabellnamnet \u00e4r ocks\u00e5 anv\u00e4ndare.  Tabellens attribut \u00e4r id, anv\u00e4ndarnamn, e-post och l\u00f6senord.<\/p>\n
S\u00e5 h\u00e4r kan du skapa databasen och tabellen med SQL-kommandon:<\/p>\n
CREATE DATABASE auth;CREATE TABLE users(id int,username varchar(255),email varchar(255),password varchar(500),);<\/pre>\n
<\/span>  Ansluter appen till databasen<\/span><\/h2>\n
Skapa en fil med namnet db.php<\/strong> i din projektmapp, d\u00e4r du kommer att ansluta din databas och importera den h\u00e4r filen till andra PHP-filer f\u00f6r att anv\u00e4nda den.<\/p>\n
Anslutningen uppr\u00e4ttas med hj\u00e4lp av mysqli_connect()<\/strong> metod.  Den h\u00e4r metoden accepterar fyra argument: servernamnet, anv\u00e4ndaren, l\u00f6senordet och databasnamnet.<\/p>\n
Du kan anv\u00e4nda $anslutning<\/strong> variabel n\u00e4r du k\u00f6r fr\u00e5gor genom att importera filen db.php till andra PHP-filer.<\/p>\n
<?php$connection = mysqli_connect(\"localhost\", \"root\", \"\", \"auth\") ;?><\/pre>\n
<\/span>  Registrera dig med PHP<\/span><\/h2>\n
Den f\u00f6rsta fasen av att bygga ett autentiseringssystem involverar registrering eller registrering.  Frontend-layouten p\u00e5 registreringssidan har ett formul\u00e4r med en handling<\/strong> som g\u00f6r en POST-beg\u00e4ran p\u00e5 sidan.  Den har fyra inmatningsf\u00e4lt: anv\u00e4ndarnamn, e-post, l\u00f6senord och bekr\u00e4fta l\u00f6senord.<\/p>\n
 <form class=\"card m-3 p-6 m-5 container mx-auto\" action=\"https:\/\/ipotek.net\/lagg-till-autentisering-till-valfri-php-app-som-anvander-mysql\/.\/register.php\" method=\"POST\">
<h1 class=\"title is-1 has-text-center\">Register Here<\/h1><input class=\"input is-primary mt-4\" type=\"text\" name=\"username\" placeholder=\"Username\"><?php if ($usernameErrorMsg != \"\") echo \"<p class=\"is-size-6 is-danger is-light has-text-danger\">$usernameErrorMsg<\/p>\" ?><\/p>
<input class=\"input is-primary mt-4\" type=\"email\" name=\"email\" placeholder=\"Email\"><?php if ($emailErrorMsg != \"\") echo \"<p class=\"is-size-6 is-danger is-light has-text-danger\">$emailErrorMsg<\/p>\" ?><\/p>
<input class=\"input is-primary mt-4\" type=\"password\" name=\"password\" placeholder=\"Password\"><?php if ($passwordErrorMsg != \"\") echo \"<p class=\"is-size-6 is-danger is-light has-text-danger\">$passwordErrorMsg<\/p>\" ?><\/p>
<input class=\"input is-primary mt-4\" type=\"password\" name=\"confirm-password\" placeholder=\"Confirm Password\"><?php if ($confirmPasswordErrorMsg != \"\") echo \"<p class=\"is-size-6 is-danger is-light has-text-danger\">$confirmPasswordErrorMsg<\/p>\" ?><\/p>
<button type=\"submit\" name=\"submit\" class=\"button is-primary mt-4\">Register<\/button><p class=\"mt-2 text-center\">Already have an account ? <a href=\"https:\/\/ipotek.net\/lagg-till-autentisering-till-valfri-php-app-som-anvander-mysql\/.\/login.php\">Login<\/a><\/p> <\/form><\/p><\/pre>\n
\n<\/figure>\n
  De isset()<\/strong> metoden kontrollerar om knappen klickas eller inte, eftersom den kan komma \u00e5t Registrera <\/strong>knappen med hj\u00e4lp av $_POST[]<\/strong>  superglobal.<\/p>\n
Innan allt detta m\u00e5ste du importera db.php<\/strong> fil i register.php<\/strong> fil.  Det finns ett par variabler deklarerade f\u00f6r indatavalideringen.  Kolla in koden nedan.<\/p>\n
include \".\/db.php\";$error = \"\";$emailErrorMsg = \"\";$usernameErrorMsg = \"\";$passwordErrorMsg = \"\";$confirmPasswordErrorMsg = \"\";<\/pre>\n
<\/span>  Inmatningsvalidering p\u00e5 registersidan<\/span><\/h2>\n
Innan du forts\u00e4tter med ing\u00e5ngsvalideringen m\u00e5ste du f\u00e5 tillg\u00e5ng till v\u00e4rdena f\u00f6r de indataelement som anv\u00e4nder $_POST[]<\/strong>.<\/p>\n
De mysqli_real_escape_string()<\/strong> metod hj\u00e4lper till att ta bort specialtecken fr\u00e5n str\u00e4ngen eftersom de kan orsaka skadliga \u00e5tg\u00e4rder n\u00e4r du utf\u00f6r fr\u00e5geoperationer.<\/p>\n
$username = mysqli_real_escape_string($connection, $_POST[\"username\"]);$email = mysqli_real_escape_string($connection, $_POST[\"email\"]);$password = mysqli_real_escape_string($connection, $_POST[\"password\"]);$confirmPassword = mysqli_real_escape_string($connection, $_POST[\"confirm-password\"]);if($username == \"\"){$usernameErrorMsg = \"Please enter your username\";}if($email == \"\"){$emailErrorMsg = \"Please enter the email\"; }else if(!filter_var($email, FILTER_VALIDATE_EMAIL)){$emailErrorMsg = \"Please enter a valid email\"; }if($password == \"\"){$passwordErrorMsg = \"Enter your password\";}if($confirmPassword == \"\"){$confirmPasswordErrorMsg = \"Enter confirm password\";}if(strlen($password) < 6){$passwordErrorMsg = \"Enter a password greater than 6 characters\";}else if($password!=$confirmPassword){$confirmPasswordErrorMsg = \"Password and Confirm Password field should be same\";}<\/pre>\n
\n<\/figure>\n
  F\u00f6rst och fr\u00e4mst kontrollerar du om f\u00e4lten \u00e4r tomma eller inte.  F\u00f6r e-postinmatningsf\u00e4ltet m\u00e5ste du kontrollera om anv\u00e4ndaren har angett en giltig e-post eller inte anv\u00e4nder filter_var()<\/strong> metod.  L\u00e4ngden p\u00e5 l\u00f6senordsf\u00e4ltet b\u00f6r vara st\u00f6rre \u00e4n 6. Det h\u00e4r \u00e4r de grundl\u00e4ggande valideringarna du m\u00e5ste ta hand om n\u00e4r du bygger en applikation.<\/p>\n
Om det inte finns n\u00e5gra fel kan du forts\u00e4tta med att utf\u00f6ra fr\u00e5gekommandon p\u00e5 register.php<\/strong> fil.<\/p>\n
if($error == \"\" && $emailErrorMsg == \"\" && $passwordErrorMsg == \"\" && $confirmPasswordErrorMsg == \"\"){$query = \"SELECT * FROM auth WHERE email=\"$email\"\";$findUser = mysqli_query($connection, $query);$resultantUser = mysqli_fetch_assoc($findUser);
if($resultantUser){$error = \"User already exists\";}$password = md5($password);$query = \"INSERT INTO auth (username, email, password) VALUES('$username', '$email', '$password')\";$insertUser = mysqli_query($connection, $query);<\/p>
$_SESSION['username'] = $username;$_SESSION['email'] = $email;header(\"location: home.php\");}<\/p><\/pre>\n
Du m\u00e5ste k\u00f6ra en fr\u00e5ga som kontrollerar om e-postmeddelandet redan finns i databasen eller inte.  De mysqli_query()<\/strong> metod anv\u00e4nds f\u00f6r att utf\u00f6ra alla fr\u00e5geoperationer.  Du m\u00e5ste skicka resultatet av fr\u00e5gan i mysqli_query_assoc()<\/strong> metod.  Denna metod konverterar resultatet till en associativ array av str\u00e4ngar.<\/p>\n
Om anv\u00e4ndaren redan finns m\u00e5ste du visa ett felmeddelande med meddelandet: Anv\u00e4ndaren finns redan.  Annars m\u00e5ste du infoga f\u00e4lten i databasen.  Eftersom det inte \u00e4r en bra praxis att lagra l\u00f6senordsstr\u00e4ngar i klartext, md5()<\/strong> metod konverterar l\u00f6senordet till en hash och sparar det sedan.<\/p>\n
N\u00e4r anv\u00e4ndaren \u00e4r lagrad i databasen m\u00e5ste du ladda anv\u00e4ndarnamnet eller e-postadressen i $_SESSION[] <\/strong>superglobal och omdirigera anv\u00e4ndaren till hemsidan.<\/p>\n
<\/span>  En titt p\u00e5 startsk\u00e4rmen<\/span><\/h2>\n
Anv\u00e4ndaren kan bara komma \u00e5t startsidan om de \u00e4r inloggade. P\u00e5 startsidan m\u00e5ste du kontrollera om SESSION<\/strong> finns eller inte.  Om det finns nej SESSION<\/strong> set m\u00e5ste du omdirigera anv\u00e4ndaren till inloggningssidan.<\/p>\n
\n<\/figure>\n
<\/span>  Logga in med PHP<\/span><\/h2>\n
I denna applikation kommer anv\u00e4ndaren att logga in med e-post och l\u00f6senord.  HTML-layouten f\u00f6r login.php<\/strong>:<\/p>\n
<form class=\"card m-3 p-6 m-5 container mx-auto\" action=\"https:\/\/ipotek.net\/lagg-till-autentisering-till-valfri-php-app-som-anvander-mysql\/.\/login.php\" method=\"POST\"><h1 class=\"title is-1 has-text-center has-text-black\">Login Here<\/h1><?php if ($error != \"\") echo \" <div class=\"button is-danger is-light\">$error<\/div>\" ?><input class=\"input is-primary mt-4\" name=\"email\" type=\"email\" placeholder=\"Email\"><?php if ($emailErrorMsg != \"\") echo \"<p class=\"is-size-6 is-danger is-light has-text-danger\">$emailErrorMsg<\/p>\" ?>
<input class=\"input is-primary mt-4\" name=\"password\" type=\"password\" placeholder=\"Password\"><?php if ($passwordErrorMsg != \"\") echo \"<p class=\"is-size-6 is-danger is-light has-text-danger\">$passwordErrorMsg<\/p>\" ?><button class=\"button is-primary mt-4\" type=\"submit\" name=\"submit\">Login<\/button><p>Don't have an account? <a href=\"https:\/\/ipotek.net\/lagg-till-autentisering-till-valfri-php-app-som-anvander-mysql\/.\/register.php\">Register here<\/a><\/p><\/form><\/p><\/pre>\n
\n<\/figure>\n
<\/span>  Autentisera anv\u00e4ndaren<\/span><\/h2>\n
Du m\u00e5ste validera inmatningarna som liknar hur det gjordes n\u00e4r du registrerade anv\u00e4ndaren.<\/p>\n
$email = mysqli_real_escape_string($connection, $_POST[\"email\"]);$password = mysqli_real_escape_string($connection, $_POST[\"password\"]);if($email == \"\"){$emailErrorMsg = \"Please enter the email\"; }else if(!filter_var($email, FILTER_VALIDATE_EMAIL)){$emailErrorMsg = \"Please enter a valid email\"; }if($password == \"\"){$passwordErrorMsg = \"Enter your password\";}<\/pre>\n
N\u00e4r det inte finns n\u00e5gra valideringsfel kommer v\u00e4rdena f\u00f6r inmatningsf\u00e4lten att k\u00f6ras i SQL-fr\u00e5gan.  F\u00f6r att f\u00e5 det hashade v\u00e4rdet f\u00f6r l\u00f6senordet, skicka l\u00f6senordet i md5()<\/strong> metod.<\/p>\n
if($emailErrorMsg == \"\" && $passwordErrorMsg == \"\"){$password = md5($password);$query = \"SELECT * FROM users WHERE email=\"$email\" AND password='$password'\";$find_user = mysqli_query($connection, $query);if(mysqli_num_rows($find_user) == 1){$_SESSION[\"email\"] = $email;while($row = mysqli_fetch_assoc($find_user)){$_SESSION[\"username\"] = $row[\"username\"];}
header(\"location:home.php\");}else{$error = \"Invalid credentials\";}}<\/p><\/pre>\n
\n<\/figure>\n
  N\u00e4r du har h\u00e4mtat det hashade l\u00f6senordet skickar du e-postmeddelandet och det hashade l\u00f6senordet i SQL-fr\u00e5gan och k\u00f6r det med mysqli_query()<\/strong> metod.<\/p>\n
N\u00e4r du f\u00e5r resultatet m\u00e5ste du skicka det i mysqli_num_rows()<\/strong> metod.  Om mysqli_num_rows()<\/strong> metod returnerar v\u00e4rdet 1, sedan kan du autentisera anv\u00e4ndaren.<\/p>\n
Lagra e-post och anv\u00e4ndarnamn i $_SESSION[]<\/strong>  och omdirigera anv\u00e4ndaren till hemsidan.<\/p>\n
<\/span>  Logga ut anv\u00e4ndaren<\/span><\/h2>\n
Anv\u00e4ndarautentisering g\u00f6rs med hj\u00e4lp av $_SESSION[]<\/strong>  superglobal.  F\u00f6r att logga ut anv\u00e4ndaren m\u00e5ste du f\u00f6rst\u00f6ra SESSION<\/strong> och omdirigera anv\u00e4ndaren till login.php<\/strong>.<\/p>\n
 session_start();$_SESSION = array();session_destroy();header(\"Location: login.php\");exit;<\/pre>\n
<\/span>  Ett s\u00e4kert autentiseringssystem \u00e4r viktigt<\/span><\/h2>\n
Du har redan l\u00e4rt dig att l\u00e4gga till ett autentiseringssystem med PHP och MySQL.  Du kan ta det h\u00e4r projektet till n\u00e4sta niv\u00e5 genom att l\u00e4gga till mer avancerade funktioner till det eller integrera det h\u00e4r systemet i ett storskaligt projekt som en app f\u00f6r sociala medier, en bloggsida eller n\u00e5got st\u00f6rre projekt.  Forts\u00e4tt l\u00e4ra dig och bygga nya saker s\u00e5 mycket du kan.<\/p>\n
Vill du l\u00e4ra dig mer om PHP?  Det finns m\u00e5nga manipulationer du kan g\u00f6ra med r\u00e4tt PHP-kunskap.<\/p>\n
    Om f\u00f6rfattaren<\/strong><\/p>\n
            Unnati Bamania (14 artiklar publicerade)
<\/strong><\/p>\n
Unnati \u00e4r en entusiastisk fullstack-utvecklare.  Hon \u00e4lskar att bygga projekt med hj\u00e4lp av olika programmeringsspr\u00e5k.  I henne free tid, hon \u00e4lskar att spela gitarr och \u00e4r en matlagningsentusiast. <\/p>\n
                            Mer fr\u00e5n Unnati Bamania<\/p>\n
<\/span>Prenumerera p\u00e5 v\u00e5rt nyhetsbrev<\/span><\/h4>\n
G\u00e5 med i v\u00e5rt nyhetsbrev f\u00f6r tekniska tips, recensioner, free e-b\u00f6cker och exklusiva erbjudanden!<\/p>\n
Klicka h\u00e4r f\u00f6r att prenumerera<\/p>\n<\/p><\/div>\n  
\n
\n
Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n