# ゼロからNFT分散化取引プラットフォームを開発ERC-721プロトコルのNFTに関して、分散化取引を実現することは重要な課題です。現在の主流なNFT取引プラットフォームは多くがオーダーブック方式を採用しており、これはスーパーマーケットの棚に並んでいる商品展示に似ています。本稿では、スマートコントラクトとシンプルなフロントエンドインターフェースを通じて、基本的なNFT分散化取引システムを構築する方法を示します。! 【Web3スターターシリーズ:NFT DEXをゼロから実装する】(https://img-cdn.gateio.im/social/moments-5d391cb28a9a6eafd3ef56f39b0dc5bc)## NFTの特徴と取引モードNFTとは非代替性トークンのことで、各トークンは唯一無二です。この特性のため、NFTはERC-20トークンのように価格曲線で価格設定されることはなく、オーダーブック形式で取引されます。オーダーブック取引には主に2つのモードがあります:1.価格表:売り手が価格を設定し、買い手が直接購入します2.デマンドオーダー:買い手がウィッシュオーダーを出し、売り手が販売を選択します本文は価格注文モデルに焦点を当てます。! [Web3初心者シリーズ:NFT DEXをゼロから実装する](https://img-cdn.gateio.im/social/moments-65746508ae31b6e3e418c31b6e8bcdc2)## NFT取引プラットフォームの核心機能基本的なNFT取引プラットフォームには以下の機能が含まれるべきです:1. 商品を上架する: 売り手はNFTの価格を設定します2. 商品の購入: バイヤーは定価でNFTを購入します3. 手数料:プラットフォームは一定割合の取引手数料を徴収します### 上架プロセス1. ユーザーはNFTを選択し、価格を設定します。2. ユーザーはNFTの操作を契約によって承認します。3. 契約記録の記載情報### 購入プロセス1. ユーザーはNFTを選択して購入します2. 契約により、NFTの所有権が移転されること3. 売り手に支払い、手数料を差し引く! 【Web3スターターシリーズ:NFT DEXをゼロから実装する】(https://img-cdn.gateio.im/social/moments-f6f730a4e82de02e49d30d9089e8716e)## スマートコントラクト開発契約は主に以下のメソッドを含みます:1. NFTを上場する - NFTの所有権を確認する - リスティングレコードを追加する - 上場イベントをトリガーする2. NFTを購入する - NFTの価格情報を読む - 手数料を計算して差し引く - NFTの所有権を譲渡する - 購入イベントをトリガーする3. 上場の取り消し - リスティングのステータスを無効に設定する4. 出金手数料 - 蓄積した手数料を転送する! [Web3スターターシリーズ:NFT DEXをゼロから実装する](https://img-cdn.gateio.im/social/moments-b6b3dc59b2ca9328bb852240a2181119)## フロントエンド開発フロントエンドは以下のツールを使用します:- Ant Design Web3: ウォレット接続 & NFT ショーケース- Wagmi:ウォレットインタラクション- Next.js + Vercel:アプリケーション開発のデプロイ主なページの特徴:1. Mint:テスト用NFTを鋳造する2.購入:NFT取引マーケットプレイス 3. ポートフォリオ: ユーザーのNFTを管理### ウォレット接続Ant Design Web3コンポーネントを使用して、ウォレット接続機能を実装します。! [Web3スターターシリーズ:NFT DEXをゼロから実装する](https://img-cdn.gateio.im/social/moments-8dc32f1a83e46e857340f9841df2c7f5)### NFT管理ポートフォリオページにはユーザーのNFTが表示され、上場および下場の操作をサポートします。上場する際には、NFTを契約に承認する必要があります。! [Web3初心者シリーズ:NFT DEXをゼロから実装する](https://img-cdn.gateio.im/social/moments-64251e5648f68085d608a40fe42097c4)NFT取引###Buyページはすべての上場NFTを表示し、ユーザーは直接購入できます。購入時に契約のpurchaseNFTメソッドを呼び出し、対応するETHを支払います。! [Web3スターターシリーズ:NFT DEXをゼロから実装する](https://img-cdn.gateio.im/social/moments-b47304559c5b8978028d581df19049c8)上記の手順を通じて、私たちは基本的なNFT分散化取引プラットフォームを実現しました。機能はまだ比較的シンプルですが、すでにコア取引プロセスが含まれており、より複雑なシステムの基盤として機能することができます。! 【Web3スターターシリーズ:NFT DEXをゼロから実装する】(https://img-cdn.gateio.im/social/moments-4dc46af090a3d3987626b915c0d5f1ac)! [Web3スターターシリーズ:NFT DEXをゼロから実装する](https://img-cdn.gateio.im/social/moments-4e5e1ba70137403b4ea0e0503378e14a)! [Web3スターターシリーズ:NFT DEXをゼロから実装する](https://img-cdn.gateio.im/social/moments-56f66de1a4bb30af91363bd5cc567e40)! 【Web3スターターシリーズ:NFT DEXをゼロから実装する】(https://img-cdn.gateio.im/social/moments-a11e2cb9eb62433a03adcf2abd7b56b5)! [Web3スターターシリーズ:NFT DEXをゼロから実装する](https://img-cdn.gateio.im/social/moments-0a338541b5f8b2aa130fb03a46027c47)! [Web3初心者シリーズ:NFT DEXをゼロから実装する](https://img-cdn.gateio.im/social/moments-6d344484abad011d83b96ff377ffae1f)
ゼロからNFT分散化取引プラットフォームを開発する: スマートコントラクトとフロントエンドの実装
ゼロからNFT分散化取引プラットフォームを開発
ERC-721プロトコルのNFTに関して、分散化取引を実現することは重要な課題です。現在の主流なNFT取引プラットフォームは多くがオーダーブック方式を採用しており、これはスーパーマーケットの棚に並んでいる商品展示に似ています。本稿では、スマートコントラクトとシンプルなフロントエンドインターフェースを通じて、基本的なNFT分散化取引システムを構築する方法を示します。
! 【Web3スターターシリーズ:NFT DEXをゼロから実装する】(https://img-cdn.gateio.im/webp-social/moments-5d391cb28a9a6eafd3ef56f39b0dc5bc.webp)
NFTの特徴と取引モード
NFTとは非代替性トークンのことで、各トークンは唯一無二です。この特性のため、NFTはERC-20トークンのように価格曲線で価格設定されることはなく、オーダーブック形式で取引されます。
オーダーブック取引には主に2つのモードがあります: 1.価格表:売り手が価格を設定し、買い手が直接購入します 2.デマンドオーダー:買い手がウィッシュオーダーを出し、売り手が販売を選択します
本文は価格注文モデルに焦点を当てます。
! Web3初心者シリーズ:NFT DEXをゼロから実装する
NFT取引プラットフォームの核心機能
基本的なNFT取引プラットフォームには以下の機能が含まれるべきです:
上架プロセス
購入プロセス
! 【Web3スターターシリーズ:NFT DEXをゼロから実装する】(https://img-cdn.gateio.im/webp-social/moments-f6f730a4e82de02e49d30d9089e8716e.webp)
スマートコントラクト開発
契約は主に以下のメソッドを含みます:
NFTを上場する
NFTを購入する
上場の取り消し
出金手数料
! Web3スターターシリーズ:NFT DEXをゼロから実装する
フロントエンド開発
フロントエンドは以下のツールを使用します:
主なページの特徴:
ウォレット接続
Ant Design Web3コンポーネントを使用して、ウォレット接続機能を実装します。
! Web3スターターシリーズ:NFT DEXをゼロから実装する
NFT管理
ポートフォリオページにはユーザーのNFTが表示され、上場および下場の操作をサポートします。上場する際には、NFTを契約に承認する必要があります。
! Web3初心者シリーズ:NFT DEXをゼロから実装する
NFT取引###
Buyページはすべての上場NFTを表示し、ユーザーは直接購入できます。購入時に契約のpurchaseNFTメソッドを呼び出し、対応するETHを支払います。
! Web3スターターシリーズ:NFT DEXをゼロから実装する
上記の手順を通じて、私たちは基本的なNFT分散化取引プラットフォームを実現しました。機能はまだ比較的シンプルですが、すでにコア取引プロセスが含まれており、より複雑なシステムの基盤として機能することができます。
! 【Web3スターターシリーズ:NFT DEXをゼロから実装する】(https://img-cdn.gateio.im/webp-social/moments-4dc46af090a3d3987626b915c0d5f1ac.webp)
! Web3スターターシリーズ:NFT DEXをゼロから実装する
! Web3スターターシリーズ:NFT DEXをゼロから実装する
! 【Web3スターターシリーズ:NFT DEXをゼロから実装する】(https://img-cdn.gateio.im/webp-social/moments-a11e2cb9eb62433a03adcf2abd7b56b5.webp)
! Web3スターターシリーズ:NFT DEXをゼロから実装する
! Web3初心者シリーズ:NFT DEXをゼロから実装する