Построить децентрализованную платформу для торговли NFT с нуля

Для NFT, следующих протоколу ERC-721, как можно реализовать Децентрализация торговли? В настоящее время основным способом торговли NFT является использование модели ордеров, похожей на выставление товаров на полках: покупатель может купить, если считает цену подходящей. В этой статье будет создана базовая платформа для Децентрализация торговли NFT с помощью написания смарт-контрактов и простого фронтенд-страницы.

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

Базовая платформа для торговли NFT должна обладать следующими функциями:

1. Выставление NFT: Продавец может установить цену для выставления NFT на платформе.
2. Покупка NFT: покупатели могут приобретать выставленные на продажу NFT по установленной цене.
3. Взимание комиссии: платформа может взять определённый процент комиссии от цены сделки.

выставка NFT

Процесс размещения NFT следующий:

1. Продавец выбирает NFT для размещения и устанавливает цену
2. Продавец уполномочивает торговый контракт на операции с данным NFT
3. Вызовите метод размещения контракта, запишите информацию о размещении

Покупка NFT

Процесс покупки NFT следующий:

1. Покупатель выбирает желаемый NFT
2. Вызов метода покупки контракта
3. Контракт переводит средства покупателя продавцу, одновременно передавая NFT покупателю.

! Серия для новичков Web3: реализация NFT DEX с нуля

Реализация交易平台

1. Создание тестового NFT

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

2. Написание торговых контрактов

Торговые контракты должны реализовать следующие основные методы:

2.1 Выставление NFT

солидность функция listNFT(адрес nftAddress, uint256 tokenId, uint256 цена) общедоступный { // Проверка прав собственности на NFT // Запись информации о размещении
// Вызов события размещения }

2.2 Покупка NFT

солидность функция purchaseNFT(адрес nftAddress, uint256 tokenId) публичный платежный { // Получить информацию о выставлении NFT на продажу // Рассчитать и вычесть手续费 // Перевести NFT покупателю // Событие покупки }

2.3 Отмена размещения

солидность функция cancelListing(адрес nftAddress, uint256 tokenId) публичный { // Проверка прав на выполнение операций // Установить статус размещения как недействительный // Вызвать событие отмены }

2.4 Извлечение комиссии

солидность функция withdrawFees() публичный onlyOwner { // Перевод комиссии в контракте }

! Начальная серия Web3: реализация NFT DEX с нуля

3. Разработка интерфейса

Используйте следующие инструменты для разработки фронтенда:

• Ant Design Web3: для подключения кошелька и отображения NFT
• Wagmi: используется для взаимодействия с кошельком
• Next.js + Vercel: развертывание проекта

Фронтенд включает в себя следующие основные страницы:

• Mint: используется для создания тестового NFT
• Покупка: торговая площадка NFT, где вы можете купить NFT, которые выставлены на продажу
• Портфолио: управление пользовательскими NFT, возможность размещать и снимать с продажи.

3.1 Подключить кошелек

Используйте компонент подключения Ant Design Web3 для реализации функции подключения кошелька.

3.2 Страница Mint

Вызов метода mint контракта NFT для создания тестового NFT.

! Серия для новичков Web3: реализация NFT DEX с нуля

3.3 Страница портфолио

• Получить NFT, принадлежащие пользователю
• Определить, выставлен ли NFT на продажу
• Реализовать функции выставления на платформу и снятия NFT

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

• Показать все выставленные на платформе NFT
• Реализовать функцию покупки

Таким образом, базовая децентрализованная платформа для торговли NFT завершена. Ее можно развернуть на Vercel для тестирования.

! Начальная серия Web3: реализация NFT DEX с нуля

! Серия для новичков Web3: внедрение NFT DEX с нуля