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

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

Вступ до NFT

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

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

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

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

Моделі книги замовлень в основному бувають двох видів:

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

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

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

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

Основні функції платформи NFT

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

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

Процес виведення на платформу

1. Передня частина: користувач обирає NFT та встановлює ціну
2. Контракт: Користувач надає дозвіл на операції з NFT

В контракті потрібно підтримувати таблицю відображення цін для товарів, що виставляються на продаж.

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

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

Розробка платформи NFT

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

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

2. Написання контракту платформи торгівлі

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

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

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

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

• Читати дані NFT
• Розрахуйте та вирахуйте комісію
• Перемістити NFT покупцеві
• Виклик події покупки

2.3 Скасувати виведення

• Позначити записи про виставлення на продаж як недійсні

2.4 Виведення комісії

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

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

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

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

Головна сторінка:

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

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

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

3.2 Сторінка Mint

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

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

• Показати всі NFT користувача
• Підтримка операцій з розміщення та зняття NFT
• Перед публікацією потрібно авторизувати NFT для контракту

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

• Показати всі виставлені NFT
• Реалізація функції покупки NFT

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

Нарешті, розгорніть фронтенд на Vercel, щоб завершити базову платформу децентралізованої торгівлі NFT.