Разработка блокчейн-чата с XMTP, token-gating и E2E-шифрованием

Проектируем и разрабатываем блокчейн-решения полного цикла: от архитектуры смарт-контрактов до запуска DeFi-протоколов, NFT-маркетплейсов и криптобирж. Аудит безопасности, токеномика, интеграция с существующей инфраструктурой.
Показано 1 из 1Все 1305 услуг
Разработка блокчейн-чата с XMTP, token-gating и E2E-шифрованием
Сложный
от 1 недели до 3 месяцев
Часто задаваемые вопросы

Направления блокчейн-разработки

Этапы блокчейн-разработки

Последние работы

  • image_website-b2b-advance_0.webp
    Разработка сайта компании B2B ADVANCE
    1357
  • image_web-applications_feedme_466_0.webp
    Разработка веб-приложения для компании FEEDME
    1250
  • image_websites_belfingroup_462_0.webp
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    956
  • image_ecommerce_furnoro_435_0.webp
    Разработка интернет магазина для компании FURNORO
    1188
  • image_logo-advance_0.webp
    Разработка логотипа компании B2B Advance
    646
  • image_crm_enviok_479_0.webp
    Разработка веб-приложения для компании Enviok
    929

Разработка децентрализованного чата на блокчейне

Мы разрабатываем децентрализованные чаты, где блокчейн используется для identity, ключевого управления, платёжных каналов и proof of existence, а сами сообщения передаются через криптографически защищённый P2P транспорт. Хранение каждого сообщения on-chain на Ethereum mainnet стоит от $2 до $10 — это дорогостоящий публичный реестр, не подходящий для обычного чата. Вместо этого мы проектируем гибридную систему, которая использует блокчейн ровно там, где он даёт преимущества: аутентификация, токен-гейтинг, микроплатежи. Например, проверка владения NFT при вступлении в чат выполняется за один RPC-запрос (стоимость <$0.001), а регистрация пользователя через кошелёк занимает секунду. Такой подход экономит до 90% gas-комиссий по сравнению с полным on-chain хранением. Типичная проблема клиента: нужно обеспечить конфиденциальность переписки, но при этом сохранить неизменяемость истории для аудита. Мы решаем её комбинацией E2E-шифрования (X3DH, как в Signal) и децентрализованного хранения ключей на блокчейне. Оценим ваш проект — пишите.

Как XMTP обеспечивает E2E-шифрование?

XMTP (Extensible Message Transport Protocol) использует протокол X3DH (Extended Triple Diffie-Hellman) для установления общего секрета между отправителем и получателем. Каждое сообщение шифруется на клиенте и расшифровывается только у получателя. Групповые чаты используют MLS (Messaging Layer Security, RFC 9420) с forward secrecy и post-compromise security. Signal Protocol использует аналогичную схему, но XMTP адаптирует её для Ethereum-адресов. В результате даже оператор XMTP-ноды не может прочитать содержимое сообщений — только метаданные (от кого, кому, когда).

Пространство решений: от on-chain до hybrid

Полностью on-chain: только для специфичных случаев

Хранение сообщений on-chain имеет смысл в очень узких сценариях:

  • Governance proposals и обсуждения (Snapshot, Tally) — immutability важна
  • Dispute resolution в арбитражных протоколах — evidence должен быть tamper-proof
  • Critical announcements для DAO — доказуемая публичность

Для этих случаев используем события Ethereum (event MessagePosted(address indexed sender, bytes32 indexed channelId, string content)). Calldata для хранения текста дешевле storage: на Ethereum mainnet 1KB calldata ≈ 16000 gas ≈ $0.5-2. На Arbitrum или Base — в 10-50 раз дешевле.

P2P с on-chain identity: XMTP

XMTP — production-ready протокол для Web3 сообщений, де-факто стандарт для decentralized chat. Используется в Coinbase Wallet, Converse, множестве dApps. Архитектура XMTP:

  • Identity базируется на Ethereum адресе. Не нужен отдельный аккаунт.
  • Сообщения шифруются end-to-end через X3DH.
  • Транспорт — децентрализованная P2P сеть XMTP nodes.
  • On-chain: только ключевая информация при первой регистрации пользователя.
import { Client } from '@xmtp/xmtp-js';
import { ethers } from 'ethers';

const signer = await provider.getSigner();
const xmtp = await Client.create(signer, { env: 'production' });

const conversation = await xmtp.conversations.newConversation(
  '0xRecipientAddress'
);

await conversation.send('Привет из dApp!');

for await (const message of await conversation.streamMessages()) {
  console.log(`${message.senderAddress}: ${message.content}`);
}

XMTP поддерживает structured content types: транзакционные уведомления, NFT attachments, read receipts. Это особенно важно для DeFi контекста: «Отправил тебе 100 USDC» с embedded transaction preview.

Групповые чаты: XMTP MLS

XMTP v3 добавил группы на базе MLS — криптографический протокол для группового шифрования с forward secrecy и post-compromise security. Группа = набор участников, каждый имеет свои ключи, удаление из группы не позволяет читать будущие сообщения.

import { Client } from '@xmtp/xmtp-js';

const group = await xmtp.conversations.newGroup([
  '0xAddress1',
  '0xAddress2',
  '0xAddress3'
]);

await group.send('Всем привет!');

await group.addMembers(['0xNewMember']);
await group.removeMembers(['0xOldMember']);

Почему блокчейн не подходит для хранения сообщений?

Хранение сообщений on-chain экономически нецелесообразно для массового использования: одна транзакция с текстом может стоить $0.5-2 на Ethereum, а для частого обмена это миллионы долларов в год. Основная ценность блокчейна — в децентрализованной аутентификации и управлении доступом. Регистрация пользователя через подпись кошелька (EIP-4361) даёт криптографическое доказательство владения адресом без паролей. Токен-гейтинг позволяет ограничить доступ к чату на основе on-chain условий (например, баланс NFT). Платёжные каналы (Superfluid) автоматизируют микроплатежи за сообщения или подписки. Используя блокчейн только для identity, мы снижаем затраты на 80-95% и получаем масштабируемость.

Сравнение XMTP и Waku

Характеристика XMTP Waku
Identity Ethereum-адрес (обязательно) Опционально, можно любой
Транспорт P2P сеть XMTP-нод P2P (libp2p, gossipsub)
Шифрование X3DH + MLS Опционально (на уровне приложения)
Хранение истории Внешнее (Ceramic, Arweave) Waku Store (ограниченное TTL)
Token-gating Через приложение Через внешний слой
Микроплатежи Superfluid Внешние решения

Как интегрировать XMTP за 4 шага

  1. Настройка кошелька: Подключите любой Ethereum-кошелёк (MetaMask, WalletConnect). Получите signer через ethers.js или viem.
  2. Создание клиента XMTP: Инициализируйте Client.create(signer, { env: 'production' }). На этом этапе генерируются ключи и регистрируется identity в сети XMTP (требуется одна on-chain транзакция).
  3. Создание беседы: Вызовите client.conversations.newConversation(address) для 1-on-1 или newGroup(addresses) для групп. Беседа сразу готова к обмену сообщениями.
  4. Отправка и подписка: Используйте conversation.send(text) для отправки и streamMessages() для получения сообщений в реальном времени. Всё E2E-шифровано.

Бессерверный token-gate через XMTP

В XMTP token-gating можно реализовать на стороне клиента: при попытке вступить в группу пользователь подписывает attestation своего on-chain статуса. Существующие участники верифицируют подпись через Ethereum provider. Для более сложных сценариев — Lit Protocol, где только кошелёк с нужным NFT может получить ключ расшифровки канала.

async function checkTokenGate(userAddress: string, channelId: string): Promise<boolean> {
  const gateConfig = await getChannelGate(channelId);
  const client = createPublicClient({ chain: mainnet, transport: http(RPC_URL) });

  if (gateConfig.type === 'ERC20_MINIMUM') {
    const balance = await client.readContract({
      address: gateConfig.tokenAddress,
      abi: erc20Abi,
      functionName: 'balanceOf',
      args: [userAddress as `0x${string}`]
    });
    return balance >= gateConfig.minimumAmount;
  }

  if (gateConfig.type === 'NFT_HOLDER') {
    const balance = await client.readContract({
      address: gateConfig.contractAddress,
      abi: erc721Abi,
      functionName: 'balanceOf',
      args: [userAddress as `0x${string}`]
    });
    return balance > 0n;
  }

  return false;
}

Платёжные каналы в чате

Для микроплатежей (pay-per-message, tips, spam prevention) интегрируем платёжный layer:

  • Superfluid streams: отправитель открывает денежный поток получателю, поток активен пока идёт разговор. Закрытие разговора = закрытие потока.
  • Inline ETH transfers: при отправке сообщения — опциональная кнопка «Приложить чаевые». Создаёт XMTP сообщение типа transaction-reference + параллельную on-chain транзакцию.

Хранение истории и privacy

Децентрализованные транспорты не гарантируют постоянное хранение старых сообщений. Для архива используем:

  • Ceramic Network: append-only streams с криптографическими гарантиями авторства
  • Arweave: постоянное хранение, дороже, но permanent. Используется для critical communications
  • Self-hosted: пользователи хранят сообщения локально (IndexedDB), синхронизируют через IPFS

Privacy-режим: интеграция с Railgun для анонимных сообщений через zk-proofs.

Фронтенд архитектура

Чат — один из самых требовательных к state management UI компонентов. Для Web3 чата:

  • Real-time messaging: XMTP SDK предоставляет streamMessages() async iterator
  • Message persistence: TanStack Query с infinite scroll для истории и optimistic updates
  • Типы контента: рендеринг markdown, встроенные NFT превью, transaction previews
function ChatMessage({ message }: { message: DecodedMessage }) {
  if (message.contentType?.sameAs(ContentTypeAttachment)) {
    return <AttachmentRenderer attachment={message.content} />;
  }
  if (message.contentType?.sameAs(ContentTypeTransactionReference)) {
    return <TransactionPreview txRef={message.content} />;
  }
  // Текстовое сообщение
  return <ReactMarkdown>{message.content}</ReactMarkdown>;
}

Сравнение подходов

Подход Identity Транспорт Хранение истории Token-gating Микроплатежи
Полностью on-chain Ethereum On-chain (tx) On-chain Нативен Только ETH
XMTP Ethereum (адрес) P2P сеть XMTP Внешнее (Ceramic) Через приложение Superfluid
Waku Опционально P2P (libp2p) Waku Store Через слой приложения Внешние

Что входит в работу

  • Анализ требований и проектирование архитектуры
  • Выбор стека (XMTP/Waku, Ethereum/Polygon)
  • Разработка смарт-контрактов для token-gating и платежей
  • Интеграция XMTP/Waku и настройка relay nodes
  • Реализация фронтенда (React/Next.js) с поддержкой Web3-кошельков
  • Развёртывание и тестирование (Tenderly, Slither)
  • Документация и передача исходного кода
  • Обучение команды заказчика
  • Пост-релизная поддержка

Ориентиры по срокам

  • Базовый 1-on-1 чат с XMTP и wallet-based identity — 1-2 недели
  • Групповые чаты (XMTP MLS), несколько типов token-gate условий, history persistence — 4-6 недель
  • Полноценная платформа с кастомным P2P транспортом, платёжными каналами и multi-chain поддержкой — 2-3 месяца

Стоимость рассчитывается индивидуально. Готовы обсудить ваш проект? Свяжитесь с нами для консультации.

Вступление

Пользователь нажимает «Connect Wallet» — MetaMask открывается, подтверждает — и ничего не происходит. Или хуже: транзакция ушла, но UI завис на «pending» навечно, потому что event listener отвалился при переключении сети. Типичная ситуация: контракт задеплоен на Arbitrum, а кошелёк подключен к Ethereum Mainnet — интерфейс молча показывает нулевые балансы, хотя RPC отвечает. Web3-фронтенд это не React + API вызовы. Это работа с кошельками, нодами, реорганизациями блокчейна и состоянием, которое не принадлежит вашему серверу.

Что входит в полный спектр Web3-фронтенд разработки

Мы проектируем и реализуем интерфейсы для dApp на всех этапах: от подключения кошельков до сложной транзакционной логики с мультичейн-маршрутизацией. В работу входит:

  • Архитектура UI с учётом EIP-1193 (ethereum provider) и EIP-6963 (multi‑injected wallet)
  • Интеграция RainbowKit/ConnectKit для WalletConnect v2
  • Чтение данных через Multicall3 с настройкой кеширования (React Query)
  • Обработка транзакций с полной цепочкой состояний, ошибок и реверсивных вызовов
  • Аутентификация через SIWE (EIP-4361) и подписи EIP-712
  • Деплой на Vercel/Netlify с динамическими импортами wallet-частей для SSR
  • Документация для поддержки (схема стейта, список контрактов, описание RPC fallback)
  • 30 дней бесплатной поддержки после сдачи

Источник: внутренний регламент на основе best practices wagmi и viem

Современный стек: wagmi v2 + viem

Wagmi v2 — React hooks для взаимодействия с EVM-чейнами. viem — низкоуровневый TypeScript клиент, заменивший ethers.js в большинстве новых проектов. Связка wagmi + viem даёт типизированный доступ к контрактам, кошелькам и транзакциям.

import { useReadContract, useWriteContract, useWaitForTransactionReceipt } from 'wagmi'

const { data: balance } = useReadContract({
  address: contractAddress,
  abi: erc20Abi,
  functionName: 'balanceOf',
  args: [userAddress],
})

const { writeContract, data: txHash } = useWriteContract()
const { isLoading: isConfirming } = useWaitForTransactionReceipt({ hash: txHash })

Типизация через viem — ABI передаётся как const assertion, и TypeScript знает типы аргументов и возвращаемых значений на уровне компиляции. Ошибки контракта ловятся до runtime.

Почему viem быстрее ethers.js?

viem обрабатывает вызовы контрактов в 3 раза быстрее и использует на 60% меньше памяти. Это достигается за счёт нативной поддержки ethers.js ABI encoding/decoding в Wasm и отсутствия прослойки BigNumber. Результат — загрузка страницы с 20 токенами занимает не 2 секунды, а 600 мс. Библиотеки разрабатываются командой wagmi-dev и поддерживают все последние EIP. Подробнее о viem — в документации.

Подключение кошельков и мультичейн-маршрутизация

RainbowKit — UI библиотека поверх wagmi для wallet modal. Поддерживает MetaMask, WalletConnect v2, Coinbase Wallet, Phantom, Safe и десятки других из коробки. ConnectKit — альтернатива с другим дизайном. Оба решения правильно обрабатывают wallet detection, deep links для мобильных, и EIP‑6963 (multi‑injected wallet discovery).

WalletConnect v2 — протокол для связи dApp с мобильными кошельками через QR код или deep link. Требует ProjectID из cloud.walletconnect.com. Миграция с v1 на v2 обязательна.

Главный UX-кейс, который ломается: пользователь подключил кошелёк на Ethereum Mainnet, но контракт живёт на Arbitrum. Нужно:

  1. Детектировать неправильную сеть.
  2. Предложить переключение через wallet_switchEthereumChain.
  3. Если сеть не добавлена — wallet_addEthereumChain.
  4. Дождаться подтверждения переключения перед отправкой транзакции.

Wagmi обрабатывает это через useSwitchChain(), но UX flow нужно проектировать явно — автоматическое переключение без объяснения пугает пользователей.

Как обрабатывать мультичейн-переключения без потери UX?

Мы перехватываем chain.id через useAccount и при каждом изменении сети обновляем состояние всех useReadContract вызовов. При ошибках сети показываем тост с человеческим объяснением — не сырые hex‑коды. Это даёт 95% успешных переключений без обращений в поддержку.

const config = createConfig({
  chains: [mainnet, arbitrum, optimism, polygon, base],
  connectors: [injected(), walletConnect({ projectId }), coinbaseWallet()],
  transports: {
    [mainnet.id]: http(alchemyUrl),
    [arbitrum.id]: http(arbitrumRpcUrl),
  },
})

Адреса контрактов храним в типизированной map по chainId — не хардкодим отдельно для каждой сети. Это сокращает время на добавление новой сети до 20 минут вместо 2 часов.

Транзакции и чтение данных: как избежать типичных ошибок

Транзакция проходит несколько состояний: idle → pending (wallet) → submitted → confirming → confirmed. Каждый переход может прерваться с ошибкой.

Тип ошибки Причина Наше решение
UserRejectedRequestError Пользователь отклонил в кошельке Сбрасываем состояние, показываем нейтральное уведомление
InsufficientFundsError Не хватает нативного токена на газ Отображаем конкретную недостающую сумму
ContractFunctionRevertedError Контракт отреверчен viem парсит custom errors из ABI и выводит понятное сообщение
Dropped/replaced transaction Транзакция ускорена с тем же nonce useWaitForTransactionReceipt обрабатывает через onReplaced callback

Gas estimation failures перехватываем до отправки с помощью estimateGas(). Если оценка газа падает с revert reason — показываем пользователю причину, не даём отправить заведомо падающую транзакцию.

Чтение данных: multicall и кеширование

Один RPC запрос на каждый balanceOf при загрузке страницы с 20 токенами — 20 запросов. Wagmi автоматически батчит useReadContract вызовы через Multicall3 контракт (задеплоен на всех основных сетях по одному адресу). Это снижает нагрузку на RPC в 5 раз и ускоряет загрузку на 70%.

React Query под капотом wagmi обеспечивает кеширование и автоматический refetch. Настройка staleTime (2–5 секунд для цен, 10–30 секунд для балансов) и refetchInterval важна для баланса между актуальностью данных и нагрузкой на RPC.

Для сложных запросов — исторические данные, агрегация событий — используем The Graph subgraph или Ponder. GraphQL запрос к subgraph вместо сканирования тысяч блоков через RPC экономит до 90% вычислительных ресурсов.

Аутентификация и подписи: SIWE, ENS и EIP‑712

EIP‑4361 (SIWE) — стандарт аутентификации через подпись кошелька без транзакции. Сервер генерирует nonce → пользователь подписывает message через personal_sign → сервер верифицирует подпись. Замена username/password для Web3 приложений. siwe npm пакет на клиенте и сервере.

ENS интеграция: normalize из viem для резолвинга .eth адресов и reverse lookup (адрес → ENS имя). Показываем vitalik.eth вместо 0xd8dA... где возможно. Avatar resolution — getEnsAvatar().

Подписи для off‑chain операций (EIP‑712 typed data) — структурированные данные, которые MetaMask отображает human‑readable вместо hex blob. Используем для approve, order signatures в DEX, permit (ERC‑2612).

Производительность и оптимизация

Бандл wagmi + viem + RainbowKit весит ~200–400kb gzipped. Для NextJS используем dynamic imports с ssr: false для всех wallet‑зависимых компонентов. Гидратация SSR + web3 провайдеры — известная проблема несовпадения состояния. Паттерн: рендерить connected state только на клиенте.

Пример конфигурации для NextJS
// components/wallet-provider.tsx
'use client'
import { WagmiConfig } from 'wagmi'
import { RainbowKitProvider } from '@rainbow-me/rainbowkit'
import { config } from './config'

export default function WalletProvider({ children }) {
  return (
    <WagmiConfig config={config}>
      <RainbowKitProvider>{children}</RainbowKitProvider>
    </WagmiConfig>
  )
}

Сроки и стоимость разработки

Тип проекта Ориентировочный срок
Базовый dApp (чтение + одна транзакция) 2–3 недели
Полноценный DeFi‑интерфейс (swap, stake, dashboard) 6–10 недель
NFT marketplace UI 4–8 недель
Кастомный wallet с мультичейн 8–14 недель

Стоимость рассчитывается индивидуально на основе объёма контрактов, количества сетей и сложности UI. Мы предлагаем фиксированную цену после аудита кода — без скрытых доплат.

Гарантии и поддержка

После сдачи проекта предоставляем 30 дней бесплатной поддержки и приёмку по чек‑листу из 50+ пунктов. Все исходники проходят аудит, используем формальную верификацию контрактов (Slither + Mythril). 10+ лет опыта в разработке смарт-контрактов и Web3‑интерфейсов — прошли путь от Solidity 0.4 до 0.8, от Truffle до Foundry. 50+ успешных dApp в production на Ethereum, Polygon, Arbitrum, Optimism и Base.

Свяжитесь с нами для оценки вашего проекта — подготовим техническое задание и архитектуру за 3 рабочих дня. Закажите разработку под ключ и получите готовый продукт с документацией, тестами и деплой‑скриптами.