Детальний розгляд розробки NFT DEX: від смартконтрактів до реалізації на фронтенді

Основний процес реалізації децентралізованої торгівлі NFT

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

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

Характеристики торгівлі NFT

Оскільки кожен NFT є унікальним, його неможливо оцінити за допомогою цінової кривої, як це робиться з однорідними токенами. Наразі найбільш поширеними способами торгівлі NFT є форма книги замовлень, яка має два основних моделі:

  1. Ціна: продавець встановлює ціну продажу, покупець може придбати, якщо вважає її прийнятною.

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

Ця стаття в основному описує перший тип цінового трейдингу.

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

Основні функції NFT DEX

Основна NFT Децентралізація біржа ( DEX ) повинна включати такі функції:

  1. Викладення товару: Продавець виставляє NFT за встановленою ціною
  2. Купівля товару: покупець купує NFT за встановленою ціною
  3. Стягнення комісії: комісія стягується у відсотковому співвідношенні до ціни угоди

Web3 новачок серія: з нуля реалізувати NFT DEX

Кроки для реалізації NFT DEX

1. Створити тестовий NFT

Можна швидко створити контракт NFT, що відповідає стандарту ERC-721, за допомогою Remix для тестування.

Web3 новачок серія: з нуля реалізувати NFT DEX

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

Контракт повинен реалізувати кілька основних методів:

  • Продавець виставляє NFT
  • Покупець купує NFT
  • Скасувати виставлення на продаж
  • Витягти комісію

Web3 новачок серія: з нуля реалізувати NFT DEX

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

Фронтенд в основному містить такі кілька сторінок:

  • Mint: Використовується для карбування тестових NFT
  • Buy:NFT ринок, користувачі можуть купувати NFT
  • Портфель: управління NFT користувача, можливість виставлення на продаж та зняття з продажу

Рекомендації щодо розробницьких інструментів:

  • Ant Design Web3: для з'єднання гаманця та демонстрації NFT
  • Wagmi: Взаємодія з гаманцем
  • Next.js + Vercel: розгортання проекту

Web3 новачок серія: з нуля реалізувати NFT DEX

4. Реалізація основних функцій

  • Підключити гаманець
  • NFT铸ування
  • Показати користувацький NFT
  • Додавання/видалення NFT
  • NFT покупка

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

Web3 новачок серія: з нуля реалізувати NFT DEX

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

Web3 новачок серії: від нуля реалізувати NFT DEX

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

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

Web3 новачок серія: з нуля реалізувати NFT DEX

Web3 новачок серії: від нуля реалізувати NFT DEX

MINT-3.88%
Переглянути оригінал
Ця сторінка може містити контент третіх осіб, який надається виключно в інформаційних цілях (не в якості запевнень/гарантій) і не повинен розглядатися як схвалення його поглядів компанією Gate, а також як фінансова або професійна консультація. Див. Застереження для отримання детальної інформації.
  • Нагородити
  • 5
  • Поділіться
Прокоментувати
0/400
Tharu94vip
· 1год тому
добре
Переглянути оригіналвідповісти на0
Ameelyvip
· 2год тому
дякую, що повідомили нас дякую, що повідомили нас дякую, що повідомили нас
Переглянути оригіналвідповісти на0
GhostInTheChainvip
· 6год тому
Модель книги замовлень занадто традиційна. Потрібно перейти на AMM.
Переглянути оригіналвідповісти на0
SchrodingerWalletvip
· 6год тому
Відкриті ордери на ланцюгу вже дуже складні.
Переглянути оригіналвідповісти на0
PumpStrategistvip
· 6год тому
Список книг на покупку Типові невдахи рецепти довгостроково Рект
Переглянути оригіналвідповісти на0
  • Закріпити