Побудова NFT децентралізованої платформи з нуля

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

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

NFT є нефункціональним токеном, кожен токен є унікальним, зазвичай у гаманці він відображається у вигляді різних зображень і має унікальний ID для ідентифікації. Завдяки цій характеристиці 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. Виклик події додавання на платформу

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 для завершення угоди.

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

Таким чином, базова платформа децентралізованої торгівлі NFT завершена. Завдяки смарт-контрактам реалізовано основну логіку торгівлі, а фронтенд забезпечує зручний для користувача інтерфейс, що дозволяє підтримувати децентралізовану торгівлю NFT.

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