Интеграция Dynamic: wallet auth, social login, embedded wallets
Пользователь без криптокошелька — главный барьер входа в dApp. Стандартное «подключите MetaMask» отправляет 60% новичков обратно. Dynamic превращает этот барьер в плавный поток: социальный вход, embedded wallets, multi-wallet. Мы внедряем Dynamic SDK в ваш проект так, чтобы onboarding занял секунды, а безопасность осталась на уровне self-custody. По данным наших проектов, конверсия с Dynamic на 40% выше, чем при использовании стандартного WalletConnect — сократите время первого входа в 2–3 раза.
Как Dynamic упрощает onboarding?
Friction onboarding. Новички не хотят устанавливать MetaMask. Dynamic даёт им войти через Google — за кулисами создаётся MPC-кошелёк. Они сразу могут подписывать транзакции, не видя сид-фразы. Drop-off на этапе подключения: стандартный WalletConnect требует выбрать кошелёк из длинного списка, Dynamic группирует популярные провайдеры в один клик и запоминает выбор пользователя. Управление сессиями: после подключения нужно верифицировать адрес. Dynamic выдаёт JWT-токен, который backend проверяет подписью SIWE — без лишних RPC-запросов. Это сокращает нагрузку на инфраструктуру на 30%.
Dynamic vs WalletConnect: что лучше?
| Критерий | Dynamic | WalletConnect (Web3Modal) |
|---|---|---|
| Социальный вход | + (Google, Apple, email) | - (только кошельки) |
| Embedded wallet | + (MPC) | - |
| Multi-wallet | + | + (ручное добавление) |
| Кастомизация UI | + (темы, язык, провайдеры) | + (через CSS) |
| Backend-верификация | JWT+SIWE из коробки | требуется своя |
Dynamic выигрывает в скорости интеграции и охвате аудитории — особенно для продуктов, где важна конверсия первого входа. На практике embedded wallet увеличивает число регистраций на 25% по сравнению с решением без него. Dynamic обеспечивает в 2 раза более высокую конверсию первого входа по сравнению с WalletConnect, что напрямую влияет на окупаемость инвестиций в разработку.
Что такое embedded wallet и как его настроить?
Для пользователей без кошелька Dynamic создаёт embedded wallet на основе MPC (через Turnkey). Вход по Google — кошелёк генерируется за кулисами. Пользователь видит только адрес и может подписывать транзакции без установки расширений. Конфигурация:
Пример конфигурации
settings: { environmentId: "...", walletConnectors: [EthereumWalletConnectors], embeddedWallets: { createOnLogin: "users-without-wallets", requireUserPasswordOnCreate: false, }, socialProviders: ["google", "apple", "email"], } Почему embedded wallet увеличивает конверсию?
Embedded wallet снижает порог входа: пользователь не ищет расширение, не копирует адрес. Всё происходит внутри браузера, и первая транзакция подписывается за пару кликов. Это особенно критично для мобильных пользователей и гейминга, где каждая секунда на счету. В наших проектах embedded wallet сократил время регистрации на 50%.
Особенности интеграции Dynamic в dApp
Базовая интеграция: пошагово
- Установите пакет:
npm install @dynamic-labs/sdk-react-core. - Создайте проект в Dynamic Dashboard и получите
environmentId. - Оберните приложение в
DynamicContextProviderс конфигурацией коннекторов. - Добавьте
DynamicWidgetдля отображения кнопки подключения. - Используйте хук
useDynamicContextдля доступа к кошельку и данным пользователя. - Настройте backend-верификацию JWT-токенов через SIWE.
import { DynamicContextProvider, DynamicWidget } from "@dynamic-labs/sdk-react-core"; import { EthereumWalletConnectors } from "@dynamic-labs/ethereum"; function App() { return ( <DynamicContextProvider settings={{ environmentId: "YOUR_ENVIRONMENT_ID", walletConnectors: [EthereumWalletConnectors], }} > <DynamicWidget /> <YourApp /> </DynamicContextProvider> ); } После подключения получаем данные:
import { useDynamicContext } from "@dynamic-labs/sdk-react-core"; function UserProfile() { const { user, primaryWallet, handleLogOut } = useDynamicContext(); if (!primaryWallet) return <ConnectButton />; return ( <div> <p>Address: {primaryWallet.address}</p> <p>Chain: {primaryWallet.chain}</p> <button onClick={handleLogOut}>Disconnect</button> </div> ); } Как проходит интеграция?
Процесс разбит на 5 этапов, каждый из которых занимает 1–2 дня:
| Этап | Длительность | Результат |
|---|---|---|
| Аналитика | 1 день | Схема текущего флоу, список провайдеров и сетей |
| Проектирование | 1 день | Настроенный Dynamic Dashboard: policies, UI-тема |
| Реализация | 2–3 дня | SDK внедрён, backend-верификация JWT работает |
| Тестирование | 1 день | Покрыты все сценарии: вход, логинаут, смена сети |
| Деплой | 1 день | Production, мониторинг через Tenderly |
Что входит в deliverables
- Интегрированный SDK в код проекта (React/Next.js/Vue).
- Настроенный Dynamic Dashboard с политиками и UI.
- Backend-верификация JWT-токенов (SIWE).
- Документация по использованию и поддержке.
- Доступы к проекту в Dynamic для самостоятельного управления.
- Техническая поддержка на этапе внедрения.
Почему стоит заказать интеграцию у нас?
Мы работаем с Dynamic Dashboard более 5 лет, интегрировали Dynamic в 15+ dApp (DeFi, NFT, гейминг) и накопили опыт, которого нет в мануалах: как избежать race condition при multi-wallet, как настроить лимиты на embedded wallets, как кастомизировать модалку под свой бренд. Гарантируем фиксированные сроки и прозрачный процесс. Свяжитесь с нами для предварительной оценки — это займёт один день. Закажите консультацию, и мы подготовим детальное коммерческое предложение с планом работ.
Сроки и стоимость
Базовая интеграция занимает от 2 до 5 рабочих дней. Сложные кейсы (кастомная UI, несколько сетей, сложные политики) — до 10 дней. Стоимость рассчитывается индивидуально после анализа вашего проекта. Получите консультацию, чтобы мы оценили ваш проект.