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

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

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

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

Особливості та способи торгівлі NFT

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

Існує два основні моделі торгівлі на замовленнях:

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

У цій статті буде детально розглянуто спосіб торгівлі за ціною.

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

Ядро функцій платформи NFT

Базова платформа для торгівлі NFT повинна містити такі кілька основних функцій:

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

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

1. Фронт-енд: користувач обирає NFT та встановлює ціну
2. Контракт: користувач надає повноваження на виконання операцій з NFT
3. Контракт: запис інформації про виставлення на продаж

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

1. Фронт-енд: користувач обирає бажаний NFT для покупки
2. Контракт: передача NFT покупцеві, переказ продавцеві

Реалізація платформи NFT торгівлі

Наступним кроком ми почнемо з нуля реалізовувати просту платформу для торгівлі NFT.

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 Скасування лістингу

Позначте запис про виставлення на платформу як недійсний.

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

Вивести накоплені комісії.

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

Ми будемо використовувати такі інструменти:

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

На фронтенді потрібно реалізувати три основні сторінки:

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

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

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

3.2 Сторінка Mint

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

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

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

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

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

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

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

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

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

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