З нуля побудова платформи для децентралізованої торгівлі 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. Виклик події виставлення на платформу

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

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

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

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

2.4 Витягти комісію

Вивести накоплені комісії з контракту на вказану адресу

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

3. Розробка фронтенду

Розробка з використанням інструментів Ant Design Web3, Wagmi, Next.js тощо.

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

• Mint: використовується для тестування створення NFT
• Купити:NFT торговельна платформа
• Портфель: управління користувацьким NFT

3.1 Підключити гаманець

Використання компонентів Ant Design Web3 для підключення гаманця.

3.2 Сторінка Mint

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

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

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

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

• Отримати список NFT користувача
• Визначення статусу виставлення NFT
• Викликати методи контракту для додавання/видалення

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

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

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

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

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