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

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

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

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

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

NFT(Нефункциональные токены)характеристики

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

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

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

Существует два основных типа модели книги заказов:

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

В этой статье будет подробно рассмотрена модель ценовых ордеров.

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

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

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

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

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

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

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

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

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

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

1. Создание тестового NFT

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

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

2. Написание смарт-контрактов

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

2.1 Продавец размещает NFT

Процесс:

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

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

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

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

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

Шаги выполнения контракта:

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

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

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

Просто установите поле isActive для записей о размещении в значение false.

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

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

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

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

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

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

Фронтенд включает три основных страницы:

  • Mint: используется для создания тестовых NFT
  • Buy:NFT торговая площадка
  • Портфель: управление пользователем NFT

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

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

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

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

3.2 Страница Mint

Используйте метод useWriteContract из wagmi для вызова метода mint контракта NFT.

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

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

Показать NFT, принадлежащие пользователю, поддерживает операции по выставлению на продажу и снятию с продажи.

При размещении требуется:

  1. Вызовите метод авторизации NFT
  2. Вызов метода listNFT контракта DEX

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

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

Показать все выставленные на продажу NFT, поддерживает операцию покупки.

При покупке вызывается метод purchaseNFT контракта DEX, и оплачивается соответствующее ETH.

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

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

MINT-11.51%
Посмотреть Оригинал
На этой странице может содержаться сторонний контент, который предоставляется исключительно в информационных целях (не в качестве заявлений/гарантий) и не должен рассматриваться как поддержка взглядов компании Gate или как финансовый или профессиональный совет. Подробности смотрите в разделе «Отказ от ответственности» .
  • Награда
  • 7
  • Репост
  • Поделиться
комментарий
0/400
ChainBrainvip
· 07-20 07:03
Это не ловушка opensea?
Посмотреть ОригиналОтветить0
NightAirdroppervip
· 07-18 10:16
666 приятель, покажи мне, как это сделать.
Посмотреть ОригиналОтветить0
MetaverseVagabondvip
· 07-18 00:53
Работа довольно подробная, неплохо, неплохо.
Посмотреть ОригиналОтветить0
LiquidatedTwicevip
· 07-18 00:52
Жду этой удачи
Посмотреть ОригиналОтветить0
AirdropDreamBreakervip
· 07-18 00:49
Разбор учебного кода~
Посмотреть ОригиналОтветить0
Ser_APY_2000vip
· 07-18 00:49
Неплохо, только немного сложно.
Посмотреть ОригиналОтветить0
HypotheticalLiquidatorvip
· 07-18 00:34
Рискованное предупреждение: еще одна свинья на убой с исчерпанными финансами
Посмотреть ОригиналОтветить0
  • Закрепить