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

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

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

Механизм торговли NFT

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

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

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

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

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

Основные функции NFT DEX

Основной NFT DEX должен включать в себя следующие функции:

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

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

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

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

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

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

Реализация NFT DEX

1. Создание NFT

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

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. Фронтенд-разработка

Разработка с использованием таких инструментов, как Ant Design Web3, Wagmi, Next.js и других.

Основные страницы включают в себя три:

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

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

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

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

3.2 Страница Mint

Вызов метода mint контракта для создания тестового NFT.

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

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

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

• Получить список NFT пользователей
• Определение статуса выставления NFT
• Вызов метода контракта для публикации/снятия

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

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

• Показать NFT isAlive
• Вызовите метод purchaseNFT для покупки

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

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

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