Разработка браузера NFT-коллекций для мобильного приложения
Разница между этой задачей и отображением коллекций в кошельке принципиальная: здесь пользователь просматривает чужие коллекции, исследует маркетплейс, фильтрует по атрибутам и цене. Это уже ближе к e-commerce с криптовалютной спецификой — бесконечная лента с тысячами токенов, сложные фильтры и актуальные цены. Наша команда имеет более 5 лет опыта в разработке мобильных NFT-приложений, выполнила 20+ проектов с интеграцией OpenSea API и Reservoir API. Мы гарантируем быструю загрузку и плавный UX даже при 10 000+ токенах.
Как выбрать API для браузера NFT-коллекций?
Основной источник данных — OpenSea API v2. Это самый богатый источник: коллекции, токены, floor price, объёмы торгов, события (listings, sales). Для публичного браузинга без аутентификации — GET /api/v2/collection/{slug}/nfts с пагинацией по next cursor. Ограничение: 4 req/s на бесплатном плане.
Reservoir API агрегирует данные с OpenSea, Blur, LooksRare, X2Y2. Для приложений с торговыми функциями предпочтительнее: единый endpoint для floor price и best offer независимо от маркетплейса.
Alchemy NFT API — getNFTsForCollection возвращает все токены коллекции с метаданными; getFloorPrice отдаёт floor по маркетплейсам.
Для Solana-коллекций: Magic Eden API (/collections/{symbol}/listings) или Tensor API.
| API | Данные | Лимиты | Торговые функции |
|---|---|---|---|
| OpenSea v2 | Токены, коллекции, цены, события | 4 req/s (бесплатно) | Да (listings, sales) |
| Reservoir | Агрегированные с нескольких бирж | 2 req/s (бесплатно) | Да (best offer, floors) |
| Alchemy | Токены, метаданные, floor | Зависит от плана | Ограниченные |
Reservoir в 2–3 раза быстрее выдаёт единый best offer по сравнению с самостоятельным опросом OpenSea и Blur. Это экономит 100–200 мс на загрузку карточки токена и снижает затраты на API-запросы.
Как реализовать бесконечный скролл и пагинацию?
Коллекции типа Bored Ape Yacht Club — 10 000 токенов. Загружать всё сразу нельзя. OpenSea возвращает cursor-based pagination (next в теле ответа). Реализуем через Paging 3 (Android) или самодельный PaginatedViewModel на iOS с AsyncSequence.
На Flutter: infinite_scroll_pagination package. Подгрузка следующей страницы при достижении 80% списка, не при самом конце — иначе пользователь видит пустое место.
Схема кеширования
Кеш первой страницы в Room/CoreData — при следующем открытии экран появляется мгновенно, данные обновляются в фоне (stale-while-revalidate). Это даёт ощущение скорости в 2 раза быстрее, чем без кеша, и экономит до 40% времени на повторную загрузку.
Фильтры и сортировка по атрибутам
Это самая нетривиальная часть. Атрибуты NFT — dynamic schema: у одной коллекции Background, Fur, Eyes, у другой — Rarity, Element, Power. Структура неизвестна заранее.
Подход: при первой загрузке коллекции запрашиваем getContractMetadata или /collection/{slug}/attributes — получаем список trait-типов с вариантами и rarity. Строим UI фильтров динамически: ExpandableSection на trait-тип, Checkbox list на значения.
Фильтрация по атрибутам на стороне API: OpenSea принимает trait_type/value как query params. Reservoir — JSON body с массивом фильтров. Локальная фильтрация работает только если всю коллекцию уже загрузили в кеш — для 10К токенов это нереально.
Сортировка: по цене (asc/desc), по rarity (нужен rarity score — либо считаем сами из атрибутов, либо берём из rarity.tools API). По номеру токена.
Детальная карточка токена
Быстрая загрузка критична. Изображение — сразу в максимальном разрешении, не после тапа. Структура карточки:
- Медиа: изображение, анимированный GIF, видео (AVPlayer / ExoPlayer), 3D (SceneKit / SceneView Flutter)
- Traits в виде чипов с процентом редкости
- Текущий листинг и best offer
- История цен (sparkline-график через Charts framework / MPAndroidChart)
- Кнопка «Купить» — если интегрирован маркетплейс SDK
Переход к карточке — shared element transition: изображение из грида плавно увеличивается. iOS: UIViewControllerTransitioningDelegate + UIPresentationController. Android: sharedElementEnterTransition с Compose sharedBounds.
Что входит в результат?
Мы предоставляем полный комплект: документация API интеграции, исходный код с комментариями, настроенные схемы авторизации (OAuth/API keys), инструкция по деплою в App Store и Google Play, а также поддержка в течение 30 дней после сдачи. Гарантируем соблюдение App Store Review Guidelines (Section 4.2, 5.1) и Google Play policies.
Сравнение библиотек пагинации по платформам
| Платформа | Библиотека | Особенности |
|---|---|---|
| Android | Paging 3 | Встроенная поддержка Room, RxJava, LiveData, coroutines |
| iOS | PaginatedViewModel (AsyncSequence) | Самописная, но гибкая; легко кастомизировать предзагрузку |
| Flutter | infinite_scroll_pagination | Простая настройка, поддержка ScrollController |
Стоимость разработки браузера NFT-коллекций зависит от сложности интеграции и выбранного API. Экономия бюджета достигается за счёт использования готовых компонентов и кеширования. Оцените ваш проект — свяжитесь с нами для бесплатного анализа требований. Мы подберём оптимальное решение и предложим сроки. Закажите разработку браузера NFT под ключ — и получите готовый продукт с интеграцией маркетплейсов за 3–5 дней.