Реєстрація користувача на сайті: реалізація під ключ

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

Це лише деякі з технічних типів сайтів, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Реєстрація користувача на сайті: реалізація під ключ
Простий
від 1 дня до 3 днів
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.webp
    Розробка сайту компанії B2B ADVANCE
    1358
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1251
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    956
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1188
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    929
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Розробка веб-сайту для компанії ФІКСПЕР
    947

Нещодавно до нас звернувся клієнт з гарячим стартапом у сфері e-commerce: після запуску за місяць накопичилося 5000 фейкових акаунтів, які засмічували базу та генерували спам-замовлення. Ми проаналізували систему — стандартний стек: Laravel 10, PostgreSQL, Redis. Не було ні rate limiting, ні honeypot, ні CAPTCHA. Після впровадження нашої реалізації кількість фейків впала до нуля, а конверсія реєстрацій зросла на 15%. Економія на модерації склала понад 60%, а витрати на підтримку скоротилися на 30%. За пів року експлуатації жодного витоку даних. Ділюсь перевіреними підходами, які використовуємо в кожному проєкті.

Основні проблеми, з якими стикаються клієнти: витоки даних через слабку валідацію, спам-реєстрації, складність інтеграції OAuth. У цій статті розберемо, як уникнути типових помилок.

Реєстрація користувача — це перше, з чим стикається користувач. Від її якості залежить retention та конверсія. Погано спроєктована форма реєстрації відштовхує клієнтів, а слабкий захист приваблює ботів. Ми накопичили досвід на десятках проєктів і виробили оптимальну архітектуру.

Структура таблиці користувачів

Мінімальна схема, яка покриває більшість сценаріїв:

Структура таблиці
CREATE TABLE users (
    id          BIGSERIAL PRIMARY KEY,
    email       VARCHAR(255) NOT NULL UNIQUE,
    password    VARCHAR(255),
    name        VARCHAR(255),
    email_verified_at TIMESTAMP,
    status      VARCHAR(20) NOT NULL DEFAULT 'pending',
    remember_token VARCHAR(100),
    created_at  TIMESTAMP DEFAULT NOW(),
    updated_at  TIMESTAMP DEFAULT NOW()
);

CREATE INDEX idx_users_email ON users(email);
CREATE INDEX idx_users_status ON users(status);

Поле password nullable — тому що користувач може зареєструватися через соціального провайдера без пароля. status приймає значення pending (email не підтверджено), active, banned, deleted. Така структура гнучка і підходить для більшості проєктів.

Чому важливий вибір алгоритму хешування паролів?

Згідно з OWASP Authentication Cheat Sheet, bcrypt з cost factor 12 — поточний стандарт. У PHP це password_hash($password, PASSWORD_BCRYPT, ['cost' => 12]). У Node.js — bcrypt.hash(password, 12). Argon2id кращий з безпекової точки зору, але bcrypt достатній і повсюдно підтримується.

Ніколи не зберігати пароль у відкритому вигляді, не логувати вхідні дані форми, не передавати пароль у URL-параметрах. Це очевидно, але порушується регулярно. В одному з проєктів ми зіткнулися з тим, що паролі зберігалися в логах застосунку — довелося переробляти всю систему аудиту.

Обов'язкові правила валідації на бекенді

Валідація на фронті — для UX. Валідація на бекенді — для безпеки. Форма реєстрації повинна перевіряти кожне введення на рівні сервера.

// Laravel FormRequest
class RegisterRequest extends FormRequest
{
    public function rules(): array
    {
        return [
            'email'    => ['required', 'email:rfc,dns', 'max:255', 'unique:users,email'],
            'password' => ['required', 'min:8', 'max:72', 'confirmed', Password::defaults()],
            'name'     => ['required', 'string', 'max:255'],
        ];
    }
}

email:rfc,dns — перевіряє формат за RFC та існування MX-запису домену. Це відсіває неіснуючі домени ще до відправки листа. max:72 для пароля — обмеження bcrypt (обрізає рядки довші за 72 байти).

Для політики паролів у Laravel є Password::min(8)->letters()->mixedCase()->numbers(). Не перестарайтеся з вимогами — NIST SP 800-63B рекомендує довжину важливішою за складність.

Як працює верифікація email?

Без верифікації email можна зареєструватися з чужою адресою, отримувати сповіщення на чужу скриньку, забити базу сміттям. Верифікація обов'язкова всюди, де email використовується як ідентифікатор.

Токен верифікації — це підписане посилання з TTL. У Laravel:

// Генерація посилання
$verifyUrl = URL::temporarySignedRoute(
    'verification.verify',
    now()->addHours(24),
    ['id' => $user->id, 'hash' => sha1($user->email)]
);

Тимчасове підписане посилання краще за зберігання токена в БД — не потрібна окрема таблиця, посилання самодостатнє і закінчується автоматично.

Як захистити реєстрацію від автоматичних атак?

Використовуємо комбінацію методів: rate limiting, honeypot та адаптивну CAPTCHA. Вони ефективно блокують автоматичні реєстрації, не погіршуючи користувацький досвід.

Rate limiting: не більше 5 спроб реєстрації з одного IP за 10 хвилин. У Laravel:

RateLimiter::for('register', function (Request $request) {
    return Limit::perMinutes(10, 5)->by($request->ip());
});

Honeypot: приховане поле форми, яке боти заповнюють, а люди ні. На бекенді: якщо поле не пусте — мовчки відхилити.

CAPTCHA: reCAPTCHA v3 (score-based, без взаємодії) або hCaptcha. Вмикати при аномальній активності, не за замовчуванням — CAPTCHA знижує конверсію.

Порівняння методів:

Метод Складність реалізації Вплив на UX Ефективність
Rate limiting Низька Низький Середня
Honeypot Низька Відсутній Висока
CAPTCHA Середня Високий Висока

Рекомендуємо використовувати honeypot завжди, rate limiting — обов'язково, CAPTCHA — лише при підозрі на атаку.

Реєстрація через соцмережі (OAuth)

OAuth-реєстрація через Google, GitHub, VK — користувачі надають їй перевагу, тому що не потрібно вигадувати пароль. Протокол OAuth забезпечує безпечну аутентифікацію користувачів.

public function handleOAuthCallback(string $provider): RedirectResponse
{
    $socialUser = Socialite::driver($provider)->user();

    $user = User::where('email', $socialUser->getEmail())->first();

    if ($user) {
        // Прив'язуємо провайдера до існуючого облікового запису
        $user->oauthProviders()->updateOrCreate(
            ['provider' => $provider],
            ['provider_id' => $socialUser->getId()]
        );
    } else {
        // Новий користувач
        $user = User::create([
            'email'             => $socialUser->getEmail(),
            'name'              => $socialUser->getName(),
            'email_verified_at' => now(), // email вже верифікований OAuth-провайдером
            'status'            => 'active',
        ]);
    }

    Auth::login($user);
    return redirect('/dashboard');
}

Важливо: якщо email від OAuth збігається з існуючим обліковим записом з паролем — не створювати дубль, а прив'язувати провайдера.

Як організувати пост-реєстраційний flow

Після успішної реєстрації виконуємо три кроки:

  1. Відправити вітальний лист з верифікаційним посиланням (через чергу, не синхронно)
  2. Створити початкові дані користувача (профіль, налаштування за замовчуванням)
  3. Перенаправити на дашборд або на сторінку «перевірте пошту»

Що входить у реалізацію реєстрації під ключ

  • Повністю робочий модуль реєстрації з верифікацією email та захистом від ботів
  • Налаштування OAuth-провайдерів (до 5 популярних сервісів)
  • Готова структура бази даних з індексами
  • Документація з експлуатації та безпеки
  • Код-рев'ю та навантажувальне тестування
  • Гарантія на код 6 місяців

Процес роботи

Етап Тривалість Результат
Аналіз вимог 1–2 дні Технічне завдання
Проєктування БД та архітектури 1–2 дні ER-діаграма, документація
Реалізація 3–5 днів Робочий код, тести
Інтеграція OAuth 1–2 дні на провайдера Підключені провайдери
Тестування та налагодження 1–2 дні Звіт про тестування
Деплой та передача 1 день Доступи, документація

Загальна тривалість — від 7 до 14 робочих днів залежно від складності. Отримайте консультацію інженера. Зв'яжіться з нами, щоб обговорити ваш проєкт та отримати точну оцінку. Замовте впровадження реєстрації під ключ — ми підготуємо пропозицію для вашого проєкту.

Аутентифікація та авторизація: OAuth, JWT, сесії, RBAC, 2FA

На одному проєкті токен JWT із роллю admin: false» міг бути змінений клієнтом на admin: true» — і сервер прийняв його без верифікації підпису. Ми знайшли це на тестовому стенді, коли робили огляд існуючої кодової бази новому замовнику. Причина — застаріла бібліотека jsonwebtoken, яка в певних версіях пропускала алгоритм «none». Наслідки — повний доступ до адміністративного API для будь-якого зареєстрованого користувача. Замовник не знав про це, але ми оцінили ризик, переписали модуль авторизації під ключ і запровадили обов’язкову перевірку алгоритму. Тепер подібних інцидентів немає. За 7+ років ми реалізували понад 50 проєктів із системами аутентифікації та авторизації користувачів — від стартапів до корпоративних рішень, що працюють із фінансовими даними.

Чому JWT не варто зберігати в localStorage?

JWT складається з трьох частин: header (алгоритм), payload (дані), signature (підпис). Підпис верифікує, що payload не змінено. Без перевірки підпису — це просто base64-encoded JSON, який будь-хто може підробити. Помилки, які бачимо в коді регулярно:

  • Зберігання в localStorage. LocalStorage доступний будь-якому JS на сторінці — XSS-атака читає токен і відправляє на сервер зловмисника. Access token в пам’яті (змінна модуля), refresh token в httpOnly cookie — правильна схема.
  • Довгоживучі access-токени. Access token на 7 днів без можливості відкликання — витік дає 7 днів доступу. Стандарт: 15 хвилин для access token, 30 днів для refresh token з ротацією. При кожному використанні refresh token видається новий, старий інвалідується — якщо старий хтось використовує повторно, це детектується як Token Reuse Attack, уся сім’я токенів відкликається.
  • Зберігання секретних даних у payload. JWT payload не зашифровано, лише підписано — його видно в base64. Паролі, платіжні дані, особиста інформація — не в JWT. Алгоритм RS256 (асиметричний) кращий за HS256 (симетричний) у мікросервісній архітектурі: сервіси можуть верифікувати токен публічним ключем, не маючи доступу до секрету для його створення.

Як обрати між сесіями та токенами?

Сесії зберігають стан на сервері (Redis, database) — сервер може миттєво відкликати сесію. При масштабуванні на кілька інстансів потрібен спільний store (Redis Cluster). Cookie з session ID — httpOnly, Secure, SameSite=Strict.

Stateless JWT не вимагають server-side storage, масштабуються горизонтально. Але відкликання токена до завершення терміну — тільки через blacklist (Redis), що частково знімає перевагу stateless.

Параметр Сесії (серверний стан) JWT (stateless)
Відкликання миттєве (видалити запис у Redis) лише через blacklist, потребує storage
Масштабування потрібен спільний Redis горизонтальне без додаткових компонентів
Безпека XSS токен у httpOnly cookie захищений при зберіганні в localStorage — ризик
Складність реалізації проста (сесійний middleware) вища (управління refresh, ротація)

Для більшості веб-додатків сесії простіші та безпечніші. JWT має сенс для API, що споживаються з мобільного додатку, та для мікросервісної архітектури. Оцініть ваш сценарій — ми допоможемо обрати правильний підхід.

OAuth 2.0 та OpenID Connect

OAuth 2.0 — протокол делегованої авторизації, не аутентифікації. «Увійти через Google» — це OpenID Connect поверх OAuth 2.0, який додає id_token з даними користувача. Authorization Code Flow з PKCE — єдиний правильний flow для браузерних SPA та мобільних додатків. Implicit Flow застарів і небезпечний. PKCE (Proof Key for Code Exchange) захищає від перехоплення authorization code.

Реалізація OAuth сервера: не пишемо з нуля. Keycloak (open source, self-hosted), Auth0, Okta — готові рішення. Laravel Passport або Laravel Sanctum для серверних додатків. NextAuth.js для Next.js — підтримує 50+ провайдерів з коробки. Для B2B продуктів з корпоративними клієнтами — SAML 2.0 SSO. Корпоративні IT-відділи часто вимагають його замість OAuth. @boxyhq/saml-jackson — node.js бібліотека для SAML → OAuth2 адаптера.

RBAC, ABAC, ReBAC — що і коли застосовувати

Role-Based Access Control — у користувача є ролі, у ролей — права. Проста реалізація: user → roles → permissions. Але коли з'являється ресурсна авторизація («користувач може редагувати лише свої пости»), RBAC ускладнюється. У такому разі використовуйте Spatie Laravel Permission (стандарт для Laravel): поліморфні ролі та права, кешування, super-admin через gate. Інтеграція з Eloquent — $user->can('edit posts'), $user->hasRole('editor').

ABAC (Attribute-Based Access Control) — політики на основі атрибутів: користувача, ресурсу, середовища. Потрібен, коли правила доступу складні: «менеджер може переглядати замовлення свого регіону, якщо замовлення створено більше 24 годин тому». Casbin — популярна cross-language бібліотека для ABAC.

ReBAC (Relationship-Based Access Control) — Google Zanzibar model. Доступ визначається графом відносин: «користувач X є учасником команди Y, яка має доступ до проєкту Z». OpenFGA — open source реалізація від Okta.

Як ми це робимо: кейс із впровадження 2FA

Проєкт — платіжний шлюз для маркетплейсу. Потрібно було захистити доступ до операцій виводу коштів. Ми спроєктували систему:

  • Основний пароль замінили на комбінацію пароль + TOTP (Google Authenticator). Використали otplib (Node.js) для генерації та верифікації кодів.
  • Під час першого підключення 2FA показували QR-код (base32-encoded secret) і генерували 10 одноразових backup-кодів, хешованих bcrypt. Відображали коди лише один раз.
  • Secret для TOTP зберігали у зашифрованому вигляді в базі даних (AES-256-GCM, ключ у AWS KMS).
  • На стороні фронтенду інтегрували @simplewebauthn/browser для passkeys — біометрична аутентифікація як альтернатива паролю. Публічний ключ зберігали на сервері, private key на пристрої користувача.
  • Результат: час на логін зріс на 5 секунд, але кількість зламаних акаунтів упала до нуля за пів року роботи. Гарантія безпеки — на рівні OWASP ASVS Level 2.

Також варто зазначити, що TOTP значно надійніше за SMS-верифікацію через SIM-swapping, тому для фінансових даних ми рекомендуємо TOTP або апаратні ключі.

Типові вразливості, які ми знаходимо

  • Broken Object Level Authorization (BOLA/IDOR): /api/orders/12345 повертає замовлення без перевірки, чи належить воно поточному користувачу. Найпоширеніша вразливість API за OWASP. Кожен запит до ресурсу — перевірка через $user->can('view', $order).
  • Mass Assignment: User::create($request->all()) — користувач передає is_admin: true в тілі запиту. Laravel вирішує через $fillable / $guarded, але часто забувають.
  • Небезпечний CORS: Access-Control-Allow-Origin: * на API з авторизацією по cookie — credentials не передаються з wildcard origin, але якщо хтось зробив Allow-Credentials: true + Allow-Origin: * — це діра.

Penetration testing обов’язковий для продуктів з фінансовими даними або персональними даними користувачів. Ми проводимо аудит коду й інфраструктури на етапі приймання.

Що входить у роботу

Ми передаємо замовнику:

  • Документацію архітектури авторизації (flow діаграми, опис токенів, політик доступу).
  • Репозиторій із вихідним кодом, покритий unit- та integration-тестами.
  • Конфігурацію для CI/CD (GitHub Actions/ GitLab CI) із перевірками безпеки.
  • Доступи до середовищ (staging, production) із правами адміністратора.
  • Інструкцію з експлуатації та супроводу.
  • Підтримку після впровадження — 2 тижні безкоштовних консультацій.

Терміни та вартість

Базова аутентифікація (email/password + OAuth + JWT/сесії): 1–3 тижні. RBAC з детальними політиками доступу: 2–4 тижні. 2FA (TOTP + SMS): 1–2 тижні. WebAuthn/Passkeys: 2–3 тижні. Повна система аутентифікації для SaaS з multi-tenancy: 4–8 тижнів.

Вартість розраховується індивідуально залежно від обсягу та складності. Замовте консультацію — оцінимо ваш проєкт безкоштовно. Отримайте гарантію безпеки вашої авторизації користувачів.