Интеграция 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 дней. Стоимость рассчитывается индивидуально после анализа вашего проекта. Получите консультацию, чтобы мы оценили ваш проект.







