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

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

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

NFT(Неформалізовані токени)особливості

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

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

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

Існує два основних типи моделі книги замовлень:

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

Ця стаття зосередиться на моделі цінових заявок.

Ядро функцій децентралізованої NFT платформи торгівлі

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

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

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

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

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

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

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

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

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

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

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

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

Процес:

1. Користувач обирає NFT
2. Встановіть ціну ( в доступних стабільних монетах або ETH )
3. Авторизація NFT для контракту
4. Викликати методи викладання

Методи розміщення потрібні:

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: підключення гаманця та демонстрація NFT
• Wagmi: взаємодія з гаманцем
• Next.js + Vercel: розгортання проекту

Передня частина містить три основні сторінки:

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

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

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

3.2 Сторінка Mint

Використовуйте метод useWriteContract від wagmi для виклику методу mint контракту NFT.

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

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

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

Під час виставлення на платформу потрібно:

1. Викликати метод авторизації NFT
2. Викликати метод listNFT контракту DEX

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

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

Під час покупки викликайте метод purchaseNFT контракту DEX та сплачуйте відповідний ETH.

До цього часу базова платформа NFT Децентралізація була завершена. Її можна розгорнути на платформах, таких як Vercel, для тестування та використання.

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