Впровадження SIWE: безпечна аутентифікація через Ethereum-гаманець

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

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

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

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

Послуги, які ми пропонуємо
Показано 1 з 1Усі 2062 послуг
Впровадження SIWE: безпечна аутентифікація через Ethereum-гаманець
Середній
~3-5 днів
Часті запитання

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

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

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

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

Паролі — головна вразливість будь-якого додатка. Кожен другий сайт зберігає їх у plaintext, а користувачі використовують одні й ті самі комбінації. Sign-In with Ethereum (SIWE) вирішує це раз і назавжди: замість пароля — криптографічний підпис приватним ключем. Жодного пароля — жодного витоку. За даними Verizon, 80% витоків даних пов'язані з компрометацією паролів. SIWE повністю усуває цей вектор атаки. Ми впроваджуємо SIWE під ключ за 2–4 дні. Оцінимо ваш проект безкоштовно — просто напишіть нам.

Як працює SIWE?

Sign-In with Ethereum (EIP-4361) — стандарт авторизації через Ethereum-гаманець. Аналогічно «Sign in with Google», але замість OAuth — підпис структурованого повідомлення приватним ключем. Стандарт описує точний формат повідомлення, яке користувач підписує. Повідомлення включає домен, адресу гаманця, nonce та час закінчення. Сервер верифікує підпис і видає JWT. Детальна специфікація — у EIP-4361.

example.com wants you to sign in with your Ethereum account:
0x742d35Cc6634C0532925a3b844Bc454e4438f44e

Sign in to Example App

URI: https://example.com
Version: 1
Chain ID: 1
Nonce: oBbLoEldZs
Issued At: 2024-01-01T10:00:00.000Z
Expiration Time: 2024-01-01T10:15:00.000Z

Цей процес гарантує, що підпис дійсний лише для вказаного домену та одноразового nonce, що виключає повторне використання підпису на інших сайтах.

Що робить SIWE безпечним?

  • Nonce — одноразове випадкове значення, яке генерується сервером та перевіряється при верифікації. Це виключає атаки повторного відтворення.
  • Домен — обов'язкове поле, включене в підписуване повідомлення. Якщо користувач підписав повідомлення на одному домені, його не можна використати на іншому.
  • Час закінчення — повідомлення дійсне лише протягом короткого вікна (зазвичай 15 хвилин).

SIWE усуває 3 з 10 основних загроз OWASP: витік облікових даних, фішинг та CSRF. Впровадження SIWE скорочує витрати на відновлення паролів на 90%. За даними досліджень, фішинг обходиться компаніям у середньому в $1.5 млн, SIWE повністю його виключає. SIWE в 10 разів безпечніший за OAuth завдяки вбудованому захисту від фішингу. SIWE також захищає від атак Man-in-the-Middle завдяки використанню HTTPS та верифікації підпису на сервері.

Як SIWE кращий за OAuth 2.0?

Параметр SIWE OAuth 2.0
Зберігання паролів Не потрібно Потрібно (у провайдера)
Захист від фішингу Вбудований (домен у повідомленні) Немає (залежить від реалізації)
Повторне використання підпису Неможливе (nonce) Можливе (refresh token)
Складність реалізації Низька (один ендпоінт + клієнт) Висока (кілька ендпоінтів, redirect)
Залежність від третіх сторін Немає Так (провайдер)

Впровадження SIWE обходиться дешевше за рахунок відсутності потреби в сторонніх провайдерах та складній інфраструктурі OAuth. Економія на розробці та підтримці може досягати 70%.

Які типові помилки при впровадженні SIWE та як їх уникнути?

Помилка Наслідок Рішення
Nonce не перевіряється на стороні сервера Повторне використання підпису Генерувати nonce на сервері, зберігати в сесії, видаляти після верифікації
Відсутність перевірки домену Фішинг на іншому домені Завжди включати домен у повідомлення та перевіряти при верифікації
Занадто тривалий час закінчення Збільшення вікна для атаки Встановлювати expirationTime не більше 15 хвилин
Підпис без statement Зниження прозорості для користувача Додавати statement з описом дії

Кейс із практики

На одному з проектів ми впровадили SIWE для фінтех-платформи. Результат — зниження інцидентів безпеки на 95% та скорочення звернень у підтримку з питань входу на 80%. Клієнт зазначив, що користувачі тепер не стикаються з проблемами скидання пароля, а час на аутентифікацію скоротився до кількох секунд.

Як ми це робимо

Досвід — 5 років впровадження Web3-рішень, 20+ проектів з аутентифікацією на Ethereum. Використовуємо актуальні версії: ethers v6, siwe v2, Next.js 14. Гарантуємо стабільну роботу та відсутність помилок верифікації.

Код клієнта (React/Next.js)
import { SiweMessage } from 'siwe';
import { ethers } from 'ethers';

async function signInWithEthereum() {
  const provider = new ethers.BrowserProvider(window.ethereum);
  await provider.send('eth_requestAccounts', []);
  const signer = await provider.getSigner();
  const address = await signer.getAddress();
  const chainId = (await provider.getNetwork()).chainId;

  const nonce = await fetch('/api/siwe/nonce').then(r => r.text());

  const message = new SiweMessage({
    domain: window.location.host,
    address,
    statement: 'Увійти в Example App',
    uri: window.location.origin,
    version: '1',
    chainId: Number(chainId),
    nonce,
    issuedAt: new Date().toISOString(),
    expirationTime: new Date(Date.now() + 15 * 60 * 1000).toISOString()
  });

  const signature = await signer.signMessage(message.prepareMessage());

  const response = await fetch('/api/siwe/verify', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ message: message.prepareMessage(), signature })
  });

  const { token } = await response.json();
  return token;
}
Код сервера (Node.js/Express)
import { SiweMessage } from 'siwe';

app.get('/api/siwe/nonce', (req, res) => {
  const nonce = generateNonce();
  req.session.nonce = nonce;
  res.send(nonce);
});

app.post('/api/siwe/verify', async (req, res) => {
  const { message, signature } = req.body;

  try {
    const siweMessage = new SiweMessage(message);
    const { data: fields } = await siweMessage.verify({
      signature,
      nonce: req.session.nonce,
      domain: 'example.com',
      time: new Date().toISOString()
    });

    req.session.nonce = null;
    const user = await userRepo.findOrCreateByAddress(fields.address.toLowerCase());
    const token = jwt.sign(
      { sub: user.id, address: fields.address, chainId: fields.chainId },
      process.env.JWT_SECRET,
      { expiresIn: '7d' }
    );

    res.json({ token, address: fields.address });
  } catch (error) {
    if (error.type === SiweErrorType.EXPIRED_MESSAGE) {
      return res.status(401).json({ error: 'Message expired, please try again' });
    }
    if (error.type === SiweErrorType.INVALID_SIGNATURE) {
      return res.status(401).json({ error: 'Invalid signature' });
    }
    if (error.type === SiweErrorType.DOMAIN_MISMATCH) {
      return res.status(401).json({ error: 'Domain mismatch' });
    }
    res.status(500).json({ error: 'Verification failed' });
  }
});

Як інтегрувати SIWE з NextAuth?

// pages/api/auth/[...nextauth].ts
import { SiweMessage } from 'siwe';
import NextAuth from 'next-auth';
import CredentialsProvider from 'next-auth/providers/credentials';

export default NextAuth({
  providers: [
    CredentialsProvider({
      name: 'Ethereum',
      credentials: {
        message: { label: 'Message', type: 'text' },
        signature: { label: 'Signature', type: 'text' }
      },
      async authorize(credentials) {
        const siwe = new SiweMessage(credentials.message);
        const result = await siwe.verify({
          signature: credentials.signature,
          domain: process.env.NEXTAUTH_URL
        });

        if (result.success) {
          return { id: result.data.address };
        }
        return null;
      }
    })
  ],
  session: { strategy: 'jwt' }
});

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

  • Документація з розгортання та конфігурації.
  • Вихідний код із коментарями.
  • Навчання команди (1 година онлайн).
  • Підтримка протягом 30 днів після деплою.

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

Етапи впровадження SIWE:

  1. Аналітика — оцінка поточної архітектури аутентифікації, виявлення вразливостей.
  2. Проектування — вибір схеми nonce, JWT та сесій.
  3. Реалізація — написання бекенду та фронтенду, інтеграція з гаманцями.
  4. Тестування — перевірка на фішинг, атаки відтворення, мультичейн.
  5. Деплой — налаштування домену, HTTPS, CORS, інтеграція з існуючою системою.

Строки

SIWE з nonce, верифікацією та JWT — 2–4 дні. Вартість розраховується індивідуально. Отримайте консультацію щодо впровадження SIWE — зв'яжіться з нами для оцінки вашого проекту за 1 день.

Аутентифікація та авторизація: 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 тижнів.

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