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

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

Характеристики и торговые модели NFT

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

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

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

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

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

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

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

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

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

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

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

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. Событие покупки

2.3 Отмена размещения

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

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

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

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

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

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

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

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

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

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

3.2 Страница Mint

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

3.3 Страница управления активами

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

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

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

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

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