PHP Информация Гайд Как сделать авторизацию в личный кабинет на сайте

Andrey Markelov · 28 Ноя 2024

Laravel — это современный PHP-фреймворк, который позволяет быстро и эффективно создавать веб-приложения. Его мощные инструменты и простая структура делают его идеальным выбором для разработки личного кабинета для вашего SAMP сервера. В этой статье мы создадим авторизацию для личного кабинета, которая будет работать с существующей базой данных SAMP сервера.

Мы настроим три страницы:
1. Главная: / — основная страница сайта.
2. Авторизация: /auth — форма для ввода никнейма и пароля.
3. Личный кабинет: /profile — страница с информацией об игроке после авторизации.

Для начала давайте установим Laravel и подготовим базовое окружение.

Установка Laravel

1. Убедитесь, что ваш компьютер соответствует системным требованиям Laravel:

PHP версии 8.2 или выше
Composer (менеджер зависимостей PHP)

2. Скачайте Laravel с помощью Composer
Откройте терминал и выполните следующую команду, чтобы создать новый проект Laravel: composer create-project laravel/laravel samp
Здесь samp — это название папки для проекта. Вы можете указать свое.

3. Перейдите в папку проекта: cd samp

4. Настройте подключение к базе данных.
Laravel использует файл .env для хранения конфигурации. Найдите строки, отвечающие за подключение к базе данных, и укажите данные вашей SAMP базы:

.env:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=название_базы
DB_USERNAME=имя_пользователя
DB_PASSWORD=пароль

5. Запустите встроенный сервер разработки Laravel: php artisan serve
После запуска вы увидите сообщение, что сервер работает, например, на 127.0.0.1:8000. Перейдите по этой ссылке в браузере.

Настройка роутов

Откройте файл routes/web.php, который отвечает за определение роутов вашего сайта. Добавим туда наши роуты:

web.php:

<?php

use Illuminate\Support\Facades\Route;

// Главная страница
Route::get('/', function () {
    return view('welcome'); // Страница для главной
});

// Страница авторизации
Route::get('/auth', function () {
    return view('auth'); // Отдельный шаблон для авторизации
});

// Личный кабинет
Route::get('/profile', function () {
    return view('profile'); // Страница для личного кабинета
});

Для каждого роута нам понадобятся базовые HTML-шаблоны. Создадим их в папке resources/views:
1. Главная страница. Создайте файл resources/views/welcome.blade.php:

welcome.blade.php:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Главная</title>
</head>
<body>
    <h1>Добро пожаловать на ваш сайт!</h1>
    <a href="/auth">Войти</a>
</body>
</html>

2. Страница авторизации. Создайте файл resources/views/auth.blade.php:

auth.blade.php:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Авторизация</title>
</head>
<body>
    <h1>Вход в личный кабинет</h1>
    <form action="/auth" method="POST">
        @csrf
        <label for="nickname">Ник:</label>
        <input type="text" id="nickname" name="nickname" required>
        <br>
        <label for="password">Пароль:</label>
        <input type="password" id="password" name="password" required>
        <br>
        <button type="submit">Войти</button>
    </form>
</body>
</html>

3. Личный кабинет. Создайте файл resources/views/profile.blade.php:

profile.blade.php:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Личный кабинет</title>
</head>
<body>
    <h1>Добро пожаловать в личный кабинет!</h1>
    <p>Здесь будет отображаться информация о вашем аккаунте.</p>
    <a href="/">Вернуться на главную</a>
</body>
</html>

Тестирование роутов. Теперь вы можете проверить роуты в браузере:

Перейдите на 127.0.0.1:8000 — главная страница.
Нажмите "Войти" и перейдите на 127.0.0.1:8000/auth — страница авторизации.
Для /profile пока просто введите 127.0.0.1:8000/profile в адресной строке. Позже мы защитим эту страницу.

Миграции

Миграции в Laravel позволяют выполнять определённые действия с базой данных, такие как создание таблиц, добавление, изменение или удаление колонок. Все манипуляции с базой данных происходят через миграции, что делает процесс удобным и структурированным.

Вот несколько основных команд для работы с миграциями:
Создание таблицы: php artisan make:migration create_news_table
Проверка статуса миграций: php artisan migrate:status
Откат последней миграции: php artisan migrate:rollback

Откройте файл database/migrations/create_users_table.php. Если такого файла нет, создайте его с помощью команды в терминале: php artisan make:migration create_users_table

Откройте файл и добавьте следующую структуру таблицы в метод up:

create_users_table.php:

Schema::create('users', function (Blueprint $table) {
    $table->id(); // Автоматический ID
    $table->string('nickname')->unique(); // Уникальный никнейм пользователя
    $table->string('email')->unique(); // Уникальный email
    $table->timestamp('email_verified_at')->nullable(); // Подтверждения email
    $table->unsignedBigInteger('player_money')->default(0); // Деньги пользователя
    $table->unsignedBigInteger('player_donate')->default(0); // Донат пользователя
    $table->unsignedInteger('player_skin')->default(0); // ID скина
    $table->string('password'); // Пароль
    $table->rememberToken(); // Токен для "запомнить меня"
    $table->timestamps(); // created_at и updated_at
});

После того как вы добавили необходимые поля в файл миграции, выполните следующую команду: php artisan migrate.

По завершении выполнения команды таблица будет создана. Вы можете открыть phpMyAdmin или любой другой инструмент для работы с базой данных и убедиться, что таблица появилась с нужными полями.

Настройка модели

Если у вас таблица называется accounts, то в Laravel рекомендуется создать модель с именем Account, чтобы придерживаться стандартов. Laravel автоматически связывает название модели во множественном числе с таблицей, если это возможно. Например:

Модель Account по умолчанию будет связана с таблицей accounts.
Модель Player будет связана с таблицей players.

Если ваше название модели совпадает с названием таблицы (во множественном числе), дополнительных настроек не требуется. Однако, если название отличается, нужно будет явно указать таблицу в модели: protected $table = 'my_users';

Если ваша таблица называется accounts — создайте модель Account: php artisan make:model Account
Если ваша таблица называется users — откройте файл app/Models/User.php и добавьте все поля в $fillable, которые будут использоваться на сайте:

User.php:

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;

class User extends Authenticatable
{
    use HasFactory, Notifiable;

    // Поля, которые будут использоваться на сайте.
    protected $fillable = [
        'nickname',
        'email',
        'player_money',
        'player_donate',
        'player_skin',
        'password',
    ];

    // Поля, которые скрываются при сериализации модели.
    protected $hidden = [
        'password',
    ];
}

Реализация логики авторизации

1. Создание контроллера. Создадим контроллер для обработки роутов авторизации и личного кабинета. Назовём его AuthController: php artisan make:controller AuthController

2. Реализация методов в контроллере. Откройте файл app/Http/Controllers/AuthController.php и реализуйте методы:

Отображение формы авторизации:

showLoginForm:

public function showLoginForm()
{
    return view('auth');
}

Обработка авторизации:

login:

public function login(Request $request)
{
    // Валидируем данные
    $request->validate([
        'nickname' => 'required|string',
        'password' => 'required|string',
    ]);

    // Получаем никнейм и пароль
    $nickname = $request->input('nickname');
    $password = $request->input('password');

    // Хэшируем пароль в MD5
    $hashedPassword = md5($password);

    // Проверяем пользователя в базе данных
    $user = User::where('nickname', $nickname)
                ->where('password', $hashedPassword)
                ->first();

    if ($user) {
        // Сохраняем пользователя в сессии
        $request->session()->put('user', $user);

        // Редирект в личный кабинет
        return redirect()->route('profile');
    }

    // Возвращаем обратно с ошибкой
    return back()->withErrors(['message' => 'Неверный никнейм или пароль']);
}

Если в вашей базе данных пароли хранятся в формате bcrypt:

login:

public function login(Request $request)
{
    // Валидируем данные
    $request->validate([
        'nickname' => 'required|string',
        'password' => 'required|string',
    ]);

    // Получаем никнейм и пароль
    $nickname = $request->input('nickname');
    $password = $request->input('password');

    // Проверяем пользователя в базе данных
    $user = User::where('nickname', $nickname)->first();

    if ($user && Hash::check($password, $user->password)) {
        // Сохраняем пользователя в сессии
        $request->session()->put('user', $user);

        // Редирект в личный кабинет
        return redirect()->route('profile');
    }

    // Возвращаем обратно с ошибкой
    return back()->withErrors(['message' => 'Неверный никнейм или пароль']);
}

Личный кабинет:

profile:

public function profile(Request $request)
{
    // Проверяем, авторизован ли пользователь
    $user = $request->session()->get('user');

    if (!$user) {
        return redirect()->route('auth.form')->withErrors(['message' => 'Сначала войдите в систему']);
    }

    return view('profile', ['user' => $user]);
}

Выход из аккаунта:

logout:

public function logout(Request $request)
{
    // Удаляем данные из сессии
    $request->session()->forget('user');

    return redirect('/');
}

AuthController.php:

<?php

namespace App\Http\Controllers;

use App\Models\User;
use Illuminate\Http\Request;

class AuthController extends Controller
{
    public function showLoginForm()
    {
        return view('auth');
    }

    public function login(Request $request)
    {
        // Валидируем данные
        $request->validate([
            'nickname' => 'required|string',
            'password' => 'required|string',
        ]);

        // Получаем никнейм и пароль
        $nickname = $request->input('nickname');
        $password = $request->input('password');

        // Хэшируем пароль в MD5
        $hashedPassword = md5($password);

        // Проверяем пользователя в базе данных
        $user = User::where('nickname', $nickname)
            ->where('password', $hashedPassword)
            ->first();

        if ($user) {
            // Сохраняем пользователя в сессии
            $request->session()->put('user', $user);

            // Редирект в личный кабинет
            return redirect()->route('profile');
        }

        // Возвращаем обратно с ошибкой
        return back()->withErrors(['message' => 'Неверный никнейм или пароль']);
    }

    public function profile(Request $request)
    {
        // Проверяем, авторизован ли пользователь
        $user = $request->session()->get('user');

        if (!$user) {
            return redirect()->route('auth.form')->withErrors(['message' => 'Сначала войдите в систему']);
        }

        return view('profile', ['user' => $user]);
    }

    public function logout(Request $request)
    {
        // Удаляем данные из сессии
        $request->session()->forget('user');

        return redirect('/');
    }
}

3. Настройка роутов. Обновим routes/web.php, чтобы все роуты ссылались на методы контроллера:

web.php:

<?php

use App\Http\Controllers\AuthController;
use Illuminate\Support\Facades\Route;

// Главная страница
Route::get('/', function () {
    return view('welcome');
});

// Авторизация
Route::get('/auth', [AuthController::class, 'showLoginForm'])->name('auth.form');
Route::post('/auth', [AuthController::class, 'login'])->name('auth.login');

// Личный кабинет
Route::get('/profile', [AuthController::class, 'profile'])->name('profile');

// Выход
Route::get('/logout', [AuthController::class, 'logout'])->name('auth.logout');

Обновление шаблонов

Чтобы пользователи видели сообщения об ошибках, добавим их в шаблон авторизации resources/views/auth.blade.php:

auth.blade.php:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Авторизация</title>
</head>
<body>
    @if ($errors->any())
        <div style="color: red;">
            @foreach ($errors->all() as $error)
                <p>{{ $error }}</p>
            @endforeach
        </div>
    @endif

    <h1>Вход в личный кабинет</h1>
    <form action="/auth" method="POST">
        @csrf
        <label for="nickname">Ник:</label>
        <input type="text" id="nickname" name="nickname" required>
        <br>
        <label for="password">Пароль:</label>
        <input type="password" id="password" name="password" required>
        <br>
        <button type="submit">Войти</button>
    </form>
</body>
</html>

Отображение данных пользователя в личном кабинете. В файле resources/views/profile.blade.php выведем данные из базы:

profile.blade.php:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Личный кабинет</title>
</head>
<body>
    <h1>Добро пожаловать, {{ $user->nickname }}!</h1>
    <p>Ваш email: {{ $user->email }}</p>
    <p>Игровой баланс: {{ $user->player_money }}</p>
    <p>ID скина: {{ $user->player_skin }}</p>
    <p>Донат счет: {{ $user->player_donate }}</p>
    <a href="/">Вернуться на главную</a>
</body>
</html>

В Blade мы можем создать основной (родительский) шаблон resources/views/layouts/app.blade.php

app.blade.php:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Мой сайт</title>
</head>
<body>
    <header>header</header>

    <div id="content">
        @yield('content')
    </div>

    <footer>footer</footer>
</body>
</html>

Создание дочернего шаблона resources/views/home.blade.php:

home.blade.php:

@extends('layouts.app')

@section('content')
    <h1>Добро пожаловать на ваш сайт!</h1>
    <a href="/auth">Войти</a>
@endsection

В принципе, это базовая и максимально простая настройка авторизации. Вам остается только добавить собственную вёрстку. Также рекомендую использовать Middleware для защиты роутов, например, роута личного кабинета. Надеюсь, у вас всё получилось! Желаю успешной и продуктивной разработки ваших проектов!

Готовый сайт для SAMP проекта: https://www.blast.hk/threads/225825/

Я намеренно выбрал подход с базовыми примерами, чтобы максимально упростить вход в Laravel для новичков, которые до сих пор работают с чистым PHP. Когда человек впервые сталкивается с Laravel, ему может быть сложно сразу разобраться в таких концепциях, как MVC, Dependency Injection или Service Container. Поэтому моя цель - дать базу, которая покажет простоту и мощь Laravel, без избыточных сложностей на старте.

Паттерны и принципы, безусловно, важны, но новичку важно сначала увидеть результат. Когда он увидит, как легко можно реализовать авторизацию с Laravel, он захочет углубиться в изучение фреймворка, а уже затем освоит лучшие практики. Я также считаю, что аналогии с ванильным PHP - хороший инструмент, но их нужно вводить постепенно, чтобы не перегрузить материал.

На данном этапе статья с базовыми примерами рассчитана на тех, кто только делает первые шаги, и для них слишком сложные темы могут быть пугающими. Главная цель - мотивировать их изучать Laravel дальше.

Revalto · 28 Ноя 2024

Andrey Markelov написал(а):
Откройте файл routes/web.php, который отвечает за определение роутов вашего сайта. Добавим туда наши роуты:

У Laravel есть Route::view();
- что сокращает эти Route::get с return view();

Andrey Markelov написал(а):
Отображение формы авторизации:

Имеет ли смысл создавать метод с return view(), когда есть Route::view() ?

Andrey Markelov написал(а):
$hashedPassword = md5($password);

Имеет ли смысл использовать md5 для пароля, когда у Laravel уже есть AES-256-CBC шифрование?

Andrey Markelov написал(а):
'nickname' => 'required|string',

Возможно стоит добавить валидацию на проверку того, существует ли уже nickname в базе данных (exists)

Andrey Markelov написал(а):
$request->session()->put('user', $user);

Хм, есть готовая реализация от Laravel:
Auth::login($user); и $request->setUserResolver(fn () => $user);

Andrey Markelov написал(а):
$user = $request->session()->get('user');

Тогда можно будет использовать Auth::user() / $request->user()

Ну погоди! · 28 Ноя 2024

Andrey Markelov написал(а):
в PAWN пароли хранятся в MD5 формате.

Кто тебе сказал этот бред? В 0.3.7 встроен 256, md5 не используется с года так 15(это дополнительный плагин был и есть), сейчас же, часто, bcrypt

MrCreepTon · 29 Ноя 2024

Revalto написал(а):
Возможно стоит добавить валидацию на проверку того, существует ли уже nickname в базе данных (exists)

Можно переложить эту задачу на БД

Andrey Markelov написал(а):
Это здорово, если у тебя есть понимания в Laravel, но когда мы пытаемся что-то объснить, начинаем с самого простого, показываем на простых примерах, особенно для пользователей, которые до сих пор делают себе сайты на голом PHP. Поэтому затрагивать какие-то темы - в данной статье не имеет смысла.

Имеет. Почему сразу не показывать паттерны ларавела и не проводить аналогию с ванильным php?

Livarka · 5 Дек 2024

Лучше наверное было на разные контроллеры авторизацию и профиль разбить. И в роут профиля сунуть мидлвар.
Новички должны знать, что это важно. Переучиваться долго потом

Поиск

Поиск

PHP Информация Гайд Как сделать авторизацию в личный кабинет на сайте

Andrey Markelov

Участник

Установка Laravel

Настройка роутов

Миграции

Настройка модели

Реализация логики авторизации

Обновление шаблонов

Revalto

Известный

Ну погоди!

Активный

MrCreepTon

Неизвестный

Livarka

Известный

Похожие темы

PHP Информация Гайд Как сделать авторизацию в личный кабинет на сайте

Andrey Markelov

Участник

Установка Laravel​

Настройка роутов​

Миграции​

Настройка модели​

Реализация логики авторизации​

Обновление шаблонов​

Revalto

Известный

Ну погоди!

Активный

MrCreepTon

Неизвестный

Livarka

Известный

Похожие темы

Установка Laravel

Настройка роутов

Миграции

Настройка модели

Реализация логики авторизации

Обновление шаблонов