З нуля побудова NFT Децентралізація торгова платформа

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

! Стартова серія Web3: впровадження NFT DEX з нуля

Огляд NFT

NFT — це неперетворювальний токен, кожен токен є унікальним. Він дотримується протоколу ERC-721, зазвичай у гаманці відображається у вигляді різних зображень і має унікальний ідентифікатор. Через особливість NFT його не можна оцінити за допомогою цінової кривої, як токени ERC-20, а торгівля здійснюється за моделлю книги замовлень.

! Серія новачків Web3: впровадження NFT DEX з нуля

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

Торговельні операції з ордером в основному поділяються на два види:

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

У цій статті буде детально розглянуто модель цінових заявок.

Основні функції 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.

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

Основні методи включають:

2.1 Продавець виставляє NFT

1. Перевірка прав власності на NFT
2. Додати запис про виставлення на платформу
3. Виклик події розміщення

2.2 Покупець купує NFT

1. Зчитування даних про виставлення NFT
2. Розрахунок та утримання комісії
3. Перевести NFT покупцеві
4. Виклик події покупки

2.3 Скасування лістингу

Встановіть поле isActive для запису про лістинг на false

! Стартова серія Web3: впровадження NFT DEX з нуля

2.4 Витягування комісії

Витягти накоплену комісію з контракту

3. Розробка інтерфейсу

Використання інструментів:

• Ant Design Web3: підключення гаманця та демонстрація NFT
• Wagmi: взаємодія з гаманцем
• Nextjs + Vercel: розгортання

Основна сторінка:

• Mint:铸造 тестового NFT
• Buy:NFT торгова платформа
• Портфель: управління особистими NFT

3.1 Підключення гаманця

Реалізація за допомогою компонента підключення Ant Design Web3.

! Стартова серія Web3: впровадження NFT DEX з нуля

3.2 Сторінка Mint

Викликати метод mint контракту для карбування NFT.

3.3 Сторінка Портфоліо

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

! Серія Web3 для новачків: впровадження NFT DEX з нуля

3.4 Сторінка Купівлі

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

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

Цими кроками ми реалізували базову функціональність децентралізованої платформи для торгівлі NFT. Це заклало основу для подальшої розробки більш складної системи торгівлі NFT.