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

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

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

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

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

NFT(Невзаимозаменяемый токен)Описание

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

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

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

Режим торговли по ордерной книге

В модели ордерной книги цена товара устанавливается человеком, в отличие от некоторых DEX, которые вычисляют цену с помощью ценовых кривых. Ордерная книга обычно делится на два типа торговых моделей:

  1. Ценовое предложение: продавец устанавливает цену продажи, и покупатель может приобрести, если считает это приемлемым.

  2. Заявка на покупку: покупатель отправляет заявку на покупку, продавец может продать, если цена его устраивает.

Обычно цена на заявки на покупку будет ниже цены на заявки на продажу. В этой статье в основном рассматривается способ торговли заявками на продажу.

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

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

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

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

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

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

В контракте необходимо поддерживать таблицу соответствия цен на товары, выставленные пользователями. Эти данные также могут храниться в централизованном сервисе для уменьшения нагрузки на контракт, но в этой статье они будут поддерживаться внутри контракта.

Процесс покупки товаров

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

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

Реализация платформы децентрализованной торговли NFT

В этом разделе будет реализована платформа NFT на основе децентрализации с нуля.

1. Создать NFT контракт

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

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

2. Написание смарт-контракта для платформы

Контракт платформы торговли должен содержать следующие основные методы:

2.1 Продавец выставляет NFT

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

  1. Пользователь выбирает NFT
  2. Установите цену ( в доступных стабильных монетах или ETH )
  3. Авторизация NFT для контракта

Методы размещения требуют:

  1. Подтверждение прав на NFT
  2. Добавить запись о размещении
  3. Вызов события размещения

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

2.2 Покупатель покупает NFT

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

  1. Чтение данных NFT из списков
  2. Рассчитать и вычесть комиссию
  3. Перевести NFT покупателю
  4. С triggering события покупки

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

2.3 Отмена листинга

Установите значение поля isActive для соответствующего NFT в listings на false.

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

2.4 Извлечение комиссии

Выведите накопленные комиссии из контракта на указанный адрес.

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

3. Разработка фронтенда торговой платформы

Основные инструменты использования:

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

Фронтенд должен включать три страницы: Mint, Buy и Portfolio.

3.1 Подключить кошелек

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

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

3.2 Страница Минта

Используется для создания тестового NFT, взаимодействуя с контрактом с помощью метода useWriteContract библиотеки wagmi.

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

3.3 Страница портфолио

Управление пользователями NFT, реализация функций размещения и снятия с продажи. Использование API opensea для получения списка NFT пользователей, вызов контракта для определения статуса размещения NFT.

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

3.4 Страница покупки

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

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

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

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

Посмотреть Оригинал
На этой странице может содержаться сторонний контент, который предоставляется исключительно в информационных целях (не в качестве заявлений/гарантий) и не должен рассматриваться как поддержка взглядов компании Gate или как финансовый или профессиональный совет. Подробности смотрите в разделе «Отказ от ответственности» .
  • Награда
  • 7
  • Репост
  • Поделиться
комментарий
0/400
DeadTrades_Walkingvip
· 07-07 14:50
Еще одно введение без базовых знаний, вода
Посмотреть ОригиналОтветить0
Ser_Liquidatedvip
· 07-07 11:44
Что можно изучить, интеграция Кошелька завершится.
Посмотреть ОригиналОтветить0
NFTArchaeologisvip
· 07-05 06:00
Простая разработка опытного любителя археологии
Посмотреть ОригиналОтветить0
DefiEngineerJackvip
· 07-05 05:57
*вздох* ещё один учебник, который пропускает верификацию...
Посмотреть ОригиналОтветить0
CommunityWorkervip
· 07-05 05:57
Учиться ерунде, практика - это главное.
Посмотреть ОригиналОтветить0
  • Закрепить