Вход/Регистрация на PHP + MySQL за 20 минут / forpes.ru

Главная
Вход/Регистрация на PHP + MySQL за 20 минут

Вход/Регистрация на PHP + MySQL за 20 минут -10

19.04.2020 10:28

vanchous007 19 1200 Источник

Здравствуйте! Облазил множество ресурсов, но так и не нашел ни одной полезной, правильной, легкой и работающей статьи на тему “Как сделать Вход и Регистрацию на сайте”.

Что будет использоваться? Использоваться будет только HTML + Bootstrap, а также PHP + MySQL.

Какие возможности будут у данной формы? Пользователь сможет зарегистрироваться, войти, а также выйти из своего аккаунта, пароль будет шифроваться, будут обрабатываться некоторые ошибки, остальное пишите сами. Приступим!

Создание Базы Данных

Я буду работать на локальном хостинге, а именно на OpenServer. Для того чтобы создать базу данных, необходимо войти в phpmyadmin, затем нажать на кнопку «Создать Базу Данных».

Далее вводите название своей базы данных, у меня это будет — «register-bd».
Дальше создаем таблицу, называем таблицу users, в ней будет 4 столбца.

Заполнение таблицы

Дальше нам нужно ввести переменные в базу данных. Первая переменная — id. Это будет уникальный айди пользователя. В поле имя вводим «id»; тип — INT, так как это буду просто целые числа; Длина/Значения — 11, таким образом это будет 11-ти значное число, думаю нам его должно хватить; Атрибуты — «UNSIGNED» — числа только положительные; Индекс — «UNIQUE», во всплывающем окне пишем — «id», то есть каждый следующий айди будет больше на 1, чем предыдущий; A_I — ставим галочку.

Следующая строка — login, VARCHAR, 50, сравнение — utf_8_general_ci. Следующие поля это login и pass, применяем все тоже самое. Далее Тип таблиц выбираем: MyISAM и нажимаем сохранить. В итоге у Вас все должно выглядеть вот так:

Разработка дизайна формы

Теперь быстро верстаем форму для авторизации и регистрации на Bootstrap, называем файл index.php, думаю в этом ничего сложного нету, поэтому просто оставляю код здесь:

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="utf-8">

	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

	<title>Вход/Регистрация</title>
</head>
<body>

	<div class="container mt-4">
		<div class="row">
			<div class="col">
				<h1>Форма регистрации</h1>
				<form action="check.php" method="post">
					<input type="text" name="login" class="form-control" id="login" placeholder="Логин"><br>
					<input type="text" name="name" class="form-control" id="name" placeholder="Имя"><br>
					<input type="password" name="pass" class="form-control" id="pass" placeholder="Пароль"><br>
					<button class="btn btn-success">Зарегистрироваться</button><br>
				</form> 
			</div>
			
			<div class="col">
				<h1>Форма регистрации</h1>
				<form action="auth.php" method="post">
					<input type="text" name="login" class="form-control" id="login" placeholder="Логин"><br>
					<input type="password" name="pass" class="form-control" id="pass" placeholder="Пароль"><br>
					<button class="btn btn-success">Авторизоваться</button><br>
				</form> 
			</div>

		</div>
	</div>
	
</body>
</html>

Регистрация

check.php

Создаем файл check.php.

Для начала Мы получаем все значения из полей регистрации и убираем все ненужные теги и пробелы, а то мало ли, что там пользователь может написать.

<?php 

$login = filter_var(trim($_POST['login']), FILTER_SANITIZE_STRING); // Удаляет все лишнее и записываем значение в переменную //$login
$name = filter_var(trim($_POST['name']), FILTER_SANITIZE_STRING);
$pass = filter_var(trim($_POST['pass']), FILTER_SANITIZE_STRING); ?>

Дальше мы проверяем логин и имя на длину. Если длина меньше 5, мы выводим сообщение об ошибке.

if(mb_strlen($login) < 5 || mb_strlen($login) > 90){
	echo "Недопустимая длина логина";
	exit();
}
else if(mb_strlen($name) < 5){
	echo "Недопустимая длина имени.";
	exit();
} // Проверяем длину имени 
?>

Теперь мы хешируем пароль, с помощью md5(), и добавляем свои какие-то рандомные символы, для усложнения пароля, у меня это будет: «thisiforhabr»

$pass = md5($pass."thisisforhabr"); // Создаем хэш из пароля

Далее мы подключаемся к Базе Данных, первый параметр это хост, второй — имя пользователя, третье — пароль и четвертое это название БД:

$mysql = new mysqli('localhost', 'root', '', 'register-bd');

Затем мы проверяем логин на совпадение, если в Базе Данных система находит такой же логин — сообщаем об ошибке.

$result1 = $mysql->query("SELECT * FROM `users` WHERE `login` = '$login'");
$user1 = $result1->fetch_assoc(); // Конвертируем в массив
if(!empty($user1)){
	echo "Данный логин уже используется!";
	exit();
}

Что в этом коде происходит ?

В первой строке идет язык SQL, мы говорим базе данных отбирать из таблицы users, login, который совпадает с логином, который ввел пользователь, дальше создаем массив и если массив не пустой, значит система что-то нашла, из этого выходит что такой логин уже зарегистрирован — уведомляем пользователя об этом.

Если все в порядке — регистрируем в Базе Данных пользователя и закрываем соединение:

$mysql->query("INSERT INTO `users` (`login`, `pass`, `name`)
	VALUES('$login', '$pass', '$name')");
$mysql->close();

Авторизация

auth.php

Теперь приступим к авторизации, все так же получаем данные из полей, только имя нам теперь не нужно:

$login = filter_var(trim($_POST['login']), FILTER_SANITIZE_STRING);
$pass = filter_var(trim($_POST['pass']), FILTER_SANITIZE_STRING);

Шифруем пароль, подключаемся к базе данных, создаем массив и проверяем в БД на совпадение пароля и логина — если совпадения находит, то одобряем пользователю вход, если нет — выводим сообщение об ошибке:

if(count($user) == 0){
	echo "Такой пользователь не найден.";
	exit();
}
else if(count($user) == 1){
	echo "Логин или праоль введены неверно";
	exit();
}

setcookie('user', $user['name'], time() + 3600, "/");

$mysql->close();
header('Location: page.html');

header… Означает что пользователя, если авторизация прошла успешно, будет перебрасывать на страницу page.html. Поэтому создаем страницу page.html и пишем просто ссылку:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<h1>Привет!</h1>
	<a href="exit.php">Что бы выйти нажмите по ссылке.</a>

</body>
</html>

Выход

Для того чтобы пользователь вышел — нам всего лишь нужно очистить куки, создаем файл exit.php и в нем пишем:

<?php 

setcookie('user', $user['name'], time() - 3600, "/");
header('Location: /');

 ?>

На этом у меня все, если у кого-то будет что-то не получаться или не работать — пишите в комментарии! Я постараюсь всем ответить и по возможности помочь.

Итоговый код всех файлов

index.php

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="utf-8">

	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

	<title>Вход/Регистрация</title>
</head>
<body>

	<div class="container mt-4">
		<div class="row">
			<div class="col">
				<h1>Форма регистрации</h1>
				<form action="check.php" method="post">
					<input type="text" name="login" class="form-control" id="login" placeholder="Логин"><br>
					<input type="text" name="name" class="form-control" id="name" placeholder="Имя"><br>
					<input type="password" name="pass" class="form-control" id="pass" placeholder="Пароль"><br>
					<button class="btn btn-success">Зарегистрироваться</button><br>
				</form> 
			</div>
			
			<div class="col">
				<h1>Форма регистрации</h1>
				<form action="auth.php" method="post">
					<input type="text" name="login" class="form-control" id="login" placeholder="Логин"><br>
					<input type="password" name="pass" class="form-control" id="pass" placeholder="Пароль"><br>
					<button class="btn btn-success">Авторизоваться</button><br>
				</form> 
			</div>

		</div>
	</div>
	
</body>
</html>

check.php

<?php 

$login = filter_var(trim($_POST['login']), FILTER_SANITIZE_STRING); // Удаляет все лишнее и записываем значение в переменную //$login
$name = filter_var(trim($_POST['name']), FILTER_SANITIZE_STRING);
$pass = filter_var(trim($_POST['pass']), FILTER_SANITIZE_STRING);

if(mb_strlen($login) < 5 || mb_strlen($login) > 90){
	echo "Недопустимая длина логина";
	exit();
}
else if(mb_strlen($name) < 5){
	echo "Недопустимая длина имени.";
	exit();
} // Проверяем длину имени

$pass = md5($pass."thisisforhabr"); // Создаем хэш из пароля

$mysql = new mysqli('localhost', 'root', '', 'register-bd');

$result1 = $mysql->query("SELECT * FROM `users` WHERE `login` = '$login'");
$user1 = $result1->fetch_assoc(); // Конвертируем в массив
if(!empty($user1)){
	echo "Данный логин уже используется!";
	exit();
}


header('Location: /');
exit();
 ?>

auth.php

<?php 

$login = filter_var(trim($_POST['login']), FILTER_SANITIZE_STRING);
$pass = filter_var(trim($_POST['pass']), FILTER_SANITIZE_STRING);

$pass = md5($pass."forhktkntuhpi"); // Создаем хэш из пароля

$mysql = new mysqli('localhost', 'root', '', 'register-bd');


$result = $mysql->query("SELECT * FROM `users` WHERE `login` = '$login' AND `pass` = '$pass'");
$user = $result->fetch_assoc(); // Конвертируем в массив
if(count($user) == 0){
	echo "Такой пользователь не найден.";
	exit();
}
else if(count($user) == 1){
	echo "Логин или праоль введены неверно";
	exit();
}

setcookie('user', $user['name'], time() + 3600, "/");

$mysql->close();

header('Location: page.html');

 ?>

page.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<h1>Привет!</h1>
	<a href="exit.php">Что бы выйти нажмите по ссылке.</a>

</body>
</html>

exit.php

<?php 

setcookie('user', $user['name'], time() - 3600, "/");
header('Location: /');

 ?>

Комментарии (19)

TheGodfather
19.04.2020 13:37
#21515598
Астрологи объявили неделю школьников на хабре?

Кажется, вы отстали от жизни лет эдак на 15-20. Такое вроде писали в начале нулевых, а сейчас все используют новомодные фреймворки, Реакты\Ангуляры\Симфони\Django и все такое.

Равно как и для создания инфраструктуры (например, БД) — нынче в моде Docker, а не PhpMyAdmin (как в нулевые вернулся, честное слово)

Ну и MD5 для паролей это вроде тоже прошлый век, сейчас есть специализированные функции для этого, которые куда безопаснее.
1. Sky4eg
  19.04.2020 13:41
  #21515614
  Вы как написали про 15-20 лет, думаю ну загнули! Потом посмотрел на календарь и стало как-то грустно )
1. IkaR49
  19.04.2020 13:59
  #21515660
  Да не, лет 10 назад ещё встречалось.
1. raamid
  19.04.2020 16:30
  #21516008
  Равно как и для создания инфраструктуры (например, БД) — нынче в моде Docker, а не PhpMyAdmin (как в нулевые вернулся, честное слово)
  
  PhpMyAdmin и Docker решают совершенно разные задачи. Или вы какую-то конкретную сборку Docker'a имеете в виду?

SDKiller
19.04.2020 13:42
#21515620
Облазил множество ресурсов, но так и не нашел ни одной полезной, правильной, легкой и работающей статьи...

Теперь мы хешируем пароль, с помощью md5()...

А это полезно и правильно, с вашей точки зрения?
Сходите тогда уж на https://www.php.net/manual/ru/function.md5.php

miksir
19.04.2020 14:11
#21515684
Как такое можно выпустить было? Это советы из разряда — как нельзя делать.

Индекс — «UNIQUE», во всплывающем окне пишем — «id»
В таблице должен быть PRIMARY индекс, и id подходит для этого, выбирайте PRIMARY

Тип таблиц выбираем: MyISAM
Очень очень мало случаев, когда стоит использовать MyISAM, и ваш точно не он. Используйте InnoDB

Для начала Мы получаем все значения из полей регистрации и убираем все ненужные теги и пробелы, а то мало ли, что там пользователь может написать.
А что страшного в том, что он что-то написал "не то"? Если четко помнить, что вывод должен быть заэскейпен, проблем нет.

if(mb_strlen($login) < 5 || mb_strlen($login) > 90){
А в таблице логин сделали на 50 знаков

Теперь мы хешируем пароль, с помощью md5(), и добавляем свои какие-то рандомные символы, для усложнения пароля, у меня это будет: «thisiforhabr»
Так делать нельзя. Для хеширования паролей используйте https://www.php.net/manual/en/function.password-hash

$mysql->query("SELECT * FROM users WHERE login = '$login'");
Тут и далее у вас SQL инъекция. Изучите тему плейсхолдеров. https://www.php.net/manual/en/mysqli.quickstart.prepared-statements.php

else if(count($user) == 1){
Здесь явно какая-то ошибка логическая

setcookie('user', $user['name'], time() + 3600, "/");
Что это?! Что мешает мне поставить руками у себя такую куку? Читайте про сессии в пхп хотя бы.

swelf
19.04.2020 14:12
#21515686
Самый полезный совет в статье — использовать вместо сессионной куки имя пользователя. В таком случае даже пароль помнить не надо.

RedComrade
19.04.2020 14:13
#21515694
про то что это статья из далекого прошлого я молчу, но почему сетятся собственные куки вместо сессии? вообще много вопросов «почему?», но ответьте, пожалуйста, хотя бы на один

SergeyDeryabin
19.04.2020 14:17
#21515702
Подкину идей для дальнейшего изучения:
- добавить чекбокс, сохранять авторизацию. Если он не установлен то авторизация хранится как сессия.
- добавить лог неудачных авторизаций и на основе него защиту от перебора паролей
1. gudvinr
  19.04.2020 14:34
  #21515736
  добавить лог неудачных авторизаций и на основе него защиту от перебора паролей
  такая защита не нужна, если в роли кук используется имя пользователя.
  1. SergeyDeryabin
    19.04.2020 14:37
    #21515748
    ну это тоже конечно пофиксить надо. Заодно подумать в каком виде данные можно хранить в сессии и какие в куках
    
    gudvinr
    19.04.2020 15:03
    #21515814
    Мне бы хотелось чтобы автор потом выпустил другую статью, с решением всех проблем которые здесь разбирались, и показал как на самом деле сделать правильную авторизацию на PHP и MySQL.
    
    Получился конечно сборник вредных советов, но если на этом всё и закончится, то такой результат совсем печальный.

Akuma
19.04.2020 14:31
#21515734
+1
На самом деле, если не будет таких статей, то в итоге все будут делать $symfony->auth() и не знать что там внутри. А так — набьет синяки и научится, почему бы и нет.

Но в реальности такое конечно использовать не нужно.
1. sayber
  19.04.2020 16:04
  #21515958
  Это конечно верное замечание.
  Но вот в чём дело, эта «статья» из разряда вредных советов.
  Конечно, надо поставлять материал для начинающих, я только за.
  Однако стоит их делать качественными.
  
  К примеру вот это, явно взято из нулевых/90х
  
  md5($pass."thisisforhabr")

Joka
19.04.2020 14:37
#21515746
+1
else if(mb_strlen($name) < 5){
echo «Недопустимая длина имени.»;
exit();
}

Олег, Иван и другие тихо плачут в углу
1. grayfolk
  19.04.2020 15:07
  #21515826
  +1
  И Ася с Яной, Олей и прочими Юлями-Евами.
  Это на случай, если автор поправит на < 4
  1. Samouvazhektra
    19.04.2020 15:15
    #21515836
    +1
    А Ли, Ян и Ю просто тихо вздыхают, они уже привычные

Drakosh
19.04.2020 15:16
#21515846
Про SQL Injection уже говорили?

NinjaNickName
19.04.2020 15:16
#21515848
```
$pass = md5($pass."forhktkntuhpi");
```
Пора бы уже юзать password_hash для паролей.

p.s. советую убрать в черновики, статье явно не место на хабре.