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

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

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

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

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

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

Характеристики и способы торговли NFT

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

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

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

В данной статье будет основное внимание уделено способу торговли по установленной цене.

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

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

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

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

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

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

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

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

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

Реализация платформы NFT

Далее мы начнем с нуля реализовывать простую платформу для торговли NFT.

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

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

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

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

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

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

Процесс:

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

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

Процесс:

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

2.3 Убрать с продажи

Просто отметьте запись о размещении как недействительную.

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

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

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

3. Разработка фронтенд-интерфейса

Мы будем использовать следующие инструменты:

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

Фронтенд должен реализовать три основных страницы:

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

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

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

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

3.2 Страница Mint

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

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

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

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

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

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

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

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

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

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

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

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

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

MINT4.82%
Посмотреть Оригинал
На этой странице может содержаться сторонний контент, который предоставляется исключительно в информационных целях (не в качестве заявлений/гарантий) и не должен рассматриваться как поддержка взглядов компании Gate или как финансовый или профессиональный совет. Подробности смотрите в разделе «Отказ от ответственности» .
  • Награда
  • 8
  • Поделиться
комментарий
0/400
HashBanditvip
· 9ч назад
хех, еще одно руководство по рынку NFT... как будто нам нужно больше магазинов jpeg, жрущих Газ, сейчас
Посмотреть ОригиналОтветить0
TokenTaxonomistvip
· 15ч назад
статистически, 89,7% из этих "гидов" упускают важные векторы безопасности...
Посмотреть ОригиналОтветить0
GasGuruvip
· 15ч назад
Выглядит очень горячо, но слишком сложно, не так ли?
Посмотреть ОригиналОтветить0
SleepTradervip
· 15ч назад
Есть баги? Посмотрим.
Посмотреть ОригиналОтветить0
SatoshiLegendvip
· 15ч назад
Протокол кода - это путь / Глубокий анализ исходного кода
Посмотреть ОригиналОтветить0
GovernancePretendervip
· 15ч назад
Я всё понимаю, но самое сложное — это всё собрать.
Посмотреть ОригиналОтветить0
ChainSherlockGirlvip
· 15ч назад
Посмотрите, кто снова хочет запустить NFT биржу, чтобы разыгрывать людей как лохов~ Вопрос с комиссиями снова привлек мое внимание.
Посмотреть ОригиналОтветить0
GasFeeNightmarevip
· 15ч назад
Немного непонятно, Газ и так не низкий, а они всё равно это делают.
Посмотреть ОригиналОтветить0
  • Закрепить