С нуля разработка NFT децентрализованной платформы: смарт-контракты и реализация фронтенда

robot
Генерация тезисов в процессе

Разработка NFT платформы для децентрализации с нуля

Для NFT на основе протокола ERC-721 реализация Децентрализация торговли является важной задачей. В настоящее время основные NFT торговые платформы в основном используют модель размещения заказов, аналогичную выставлению товаров на полках супермаркетов. В этой статье будет показано, как создать базовую систему Децентрализация торговли NFT с помощью смарт-контрактов и простого интерфейса.

! Начальная серия Web3: реализация NFT DEX с нуля

Характеристики NFT и модели торговли

NFT — это невзаимозаменяемый токен, каждый токен уникален. Из-за этой характеристики NFT не может быть оценен по кривой цены, как токены ERC-20, и вместо этого торгуется в виде ордерной книги.

Торговля по ордеру имеет два основных режима:

  1. Ценовое предложение: продавец устанавливает цену, покупатель покупает напрямую
  2. Заказ на покупку: покупатель размещает заказ на покупку, продавец выбирает продажу

В данной статье будет подробно рассмотрен режим ценообразования.

! Серия для новичков Web3: реализация NFT DEX с нуля

Основные функции платформы NFT

Базовая платформа для торговли NFT должна включать в себя следующие функции:

  1. Выставление товара: Продавец устанавливает цену для NFT
  2. Покупка товара: покупатель приобретает NFT по установленной цене
  3. Комиссия: платформа взимает определенный процент от торговой комиссии

Процесс размещения

  1. Пользователь выбирает NFT и устанавливает цену
  2. Пользовательская авторизация для операций с NFT
  3. Информация о размещении контракта на платформе

Процесс покупки

  1. Пользователь выбирает и покупает NFT
  2. Передача прав собственности на NFT
  3. Оплатите продавцу, вычтя комиссию

Серия для новичков Web3: создание NFT DEX с нуля

Разработка смарт-контрактов

Контракт в основном включает в себя следующие методы:

  1. Выставить NFT

    • Проверка прав собственности на NFT
    • Добавить запись о листинге
    • Вызов события размещения
  2. Покупка NFT

    • Чтение информации о цене NFT
    • Рассчитать и вычесть комиссию
    • Передача прав собственности на NFT
    • Событие покупки
  3. Отмена размещения

    • Установить статус размещения как недействительный
  4. Комиссия за вывод

    • Вывести накопленные комиссии

Серия для новичков Web3: как создать NFT DEX с нуля

Фронтенд-разработка

Фронтенд использует следующие инструменты:

  • Ant Design Web3: соединение кошелька и展示 NFT
  • Wagmi: взаимодействие с кошельком
  • Next.js + Vercel: разработка и развертывание приложений

Основные функции страницы:

  1. Mint: Создание тестового NFT
  2. Купить:NFT交易市场
  3. Портфель: управление пользовательским NFT

подключение кошелька

Использование компонентов Ant Design Web3 для реализации функции подключения кошелька.

! Начальная серия Web3: реализация NFT DEX с нуля

Управление NFT

Страница Портфолио отображает NFT пользователя, поддерживает операции по выставлению на продажу и снятию с продажи. При выставлении на продажу необходимо предоставить разрешение на NFT контракту.

! Серия для новичков Web3: реализация NFT DEX с нуля

торговли NFT

На странице Buy отображаются все выставленные NFT, пользователи могут их непосредственно купить. При покупке вызывается метод контракта purchaseNFT и оплачивается соответствующее ETH.

Серия для новичков в Web3: как создать NFT DEX с нуля

С помощью вышеуказанных шагов мы реализовали базовую платформу для децентрализованной торговли NFT. Хотя функциональность еще достаточно проста, она уже включает в себя основные торговые процессы и может служить основой для более сложных систем.

! Начальная серия Web3: реализация NFT DEX с нуля

Серия для новичков Web3: как создать NFT DEX с нуля

! Начальная серия Web3: реализация NFT DEX с нуля

Серия для новичков Web3: как создать NFT DEX с нуля

Серия для новичков Web3: Как создать NFT DEX с нуля

Серия для новичков в Web3: реализация NFT DEX с нуля

Посмотреть Оригинал
На этой странице может содержаться сторонний контент, который предоставляется исключительно в информационных целях (не в качестве заявлений/гарантий) и не должен рассматриваться как поддержка взглядов компании Gate или как финансовый или профессиональный совет. Подробности смотрите в разделе «Отказ от ответственности» .
  • Награда
  • 8
  • Поделиться
комментарий
0/400
NftMetaversePaintervip
· 4ч назад
на самом деле, алгоритмическая красота ERC-721 заслуживает более глубокого вычислительного анализа...
Посмотреть ОригиналОтветить0
BoredApeResistancevip
· 07-23 23:18
Какой босс хочет купить мой обезьяна?
Посмотреть ОригиналОтветить0
alpha_leakervip
· 07-22 05:25
Всё в порядке, просто слишком базово.
Посмотреть ОригиналОтветить0
ZKProofEnthusiastvip
· 07-22 05:25
Так просто? Даже на строительстве делать кирпичи сложнее.
Посмотреть ОригиналОтветить0
BearMarketBuyervip
· 07-22 05:23
Всё наладилось! Наконец-то есть учебник!
Посмотреть ОригиналОтветить0
ForkMongervip
· 07-22 05:19
пффф... еще один базовый туториал по децентрализованным биржам. настоящие инновации происходят в уязвимостях
Посмотреть ОригиналОтветить0
SchrodingerWalletvip
· 07-22 05:08
А, да-да-да, снова учебник по разработке.
Посмотреть ОригиналОтветить0
DarkPoolWatchervip
· 07-22 04:56
Чувствуется, как будто копируют opensea
Посмотреть ОригиналОтветить0
  • Закрепить