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

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

Обзор NFT

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

Режим торговли по ордеру

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Извлечение накопленной комиссии из контракта

3. Разработка front-end

Используемые инструменты:

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

Основная страница:

• Mint:铸造 тестового NFT
• Купить:NFT交易市场
• Портфель: управление личным NFT

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

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

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

3.2 Страница Mint

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

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

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

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

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

После завершения можно развернуть на платформе Vercel.

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