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

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

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

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

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

Введение в NFT

NFT (неделимый токен) представляет собой уникальный цифровой актив, который соответствует протоколу ERC-721. Каждый NFT обладает своей уникальностью, обычно отображается в кошельке в виде различных изображений и имеет уникальный идентификатор. Из-за особых свойств NFT невозможно установить цену так же, как для токенов ERC-20, поэтому распространенным способом торговли является использование книги заказов.

Серия для новичков Web3: создание NFT 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. Добавить запись о размещении
  3. Запуск события размещения

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

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

Чтобы купить, выполните следующие шаги:

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

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

2.3 Удалить с витрины

Для реализации функции отмены листинга установите поле isActive в false в записях листинга.

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

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

платформа может взимать комиссию за каждую транзакцию и хранить ее в контракте или переводить на указанный адрес.

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

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

Для фронтенд-разработки необходимо использовать следующие инструменты:

  1. Ant Design Web3: для соединения кошелька и демонстрации NFT
  2. Wagmi: используется для взаимодействия с кошельком
  3. Nextjs + Vercel: для развертывания проекта

Фронтенд-приложение содержит три основных страницы: Mint, Buy и Portfolio.

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

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

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

3.2 Страница Mint

Реализовать функцию выпуска NFT, используя метод useWriteContract от wagmi для взаимодействия с контрактом.

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

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

Показать NFTs, принадлежащие пользователю, поддерживать операции по размещению и снятию с продажи. Использовать API OpenSea для получения списка NFTs пользователя и определять статус размещения NFT с помощью методов контракта.

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

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

Показать все доступные NFT и предоставить функцию покупки. При покупке вызывайте метод purchaseNFT контракта и оплачивайте с помощью ETH.

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

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

Посмотреть Оригинал
На этой странице может содержаться сторонний контент, который предоставляется исключительно в информационных целях (не в качестве заявлений/гарантий) и не должен рассматриваться как поддержка взглядов компании Gate или как финансовый или профессиональный совет. Подробности смотрите в разделе «Отказ от ответственности» .
  • Награда
  • 7
  • Репост
  • Поделиться
комментарий
0/400
HashRatePhilosophervip
· 08-13 02:28
Кажется, все увлеклись NFT, убежали.
Посмотреть ОригиналОтветить0
MaticHoleFillervip
· 08-12 17:52
Крутая вещь, даже не стоит копировать что-то с opensea.
Посмотреть ОригиналОтветить0
ImpermanentLossEnjoyervip
· 08-11 23:17
Непостоянные потери иначе говоря - это просто убыток токенов.
Посмотреть ОригиналОтветить0
UnluckyMinervip
· 08-10 13:39
Снова новый проект запустился, давай, давай!
Посмотреть ОригиналОтветить0
BearMarketSurvivorvip
· 08-10 13:38
Следуй за этим, поиграй с токенами мемов.
Посмотреть ОригиналОтветить0
SchroedingerAirdropvip
· 08-10 13:38
Снова затеяли nфt, кто будет ловить падающий нож с скамкоином?
Посмотреть ОригиналОтветить0
HashRateHermitvip
· 08-10 13:37
Смотрите, смарт-контракты — это аппаратные кошельки!
Посмотреть ОригиналОтветить0
  • Закрепить