Membangun DEX NFT dari nol: Penjelasan detail tentang smart contract dan implementasi frontend

Membangun DEX NFT dari nol

Untuk NFT yang mengikuti protokol ERC-721, mewujudkan perdagangan desentralisasi adalah topik yang layak untuk dibahas. Saat ini, platform perdagangan NFT utama banyak menggunakan metode pemesanan untuk melakukan transaksi, mirip dengan menampilkan barang di rak untuk dibeli oleh pembeli. Artikel ini akan menunjukkan bagaimana mewujudkan perdagangan desentralisasi NFT dengan menulis kontrak pintar dan halaman depan yang sederhana. Perlu dicatat bahwa konten artikel ini hanya untuk referensi belajar dan tidak cocok untuk lingkungan produksi yang sebenarnya.

Web3 pemula seri: Membangun NFT DEX dari nol

NFT Ringkasan

NFT adalah token yang tidak dapat dipertukarkan, setiap Token adalah unik, mengikuti protokol ERC-721. Biasanya NFT akan menampilkan gambar yang berbeda di dompet, dan setiap kumpulan NFT memiliki ID unik untuk membedakannya. Karena sifat NFT, harga tidak dapat ditentukan melalui kurva harga seperti token ERC-20. Oleh karena itu, cara perdagangan yang umum saat ini adalah melalui bentuk buku pesanan.

Web3 pemula seri: Mewujudkan NFT DEX dari nol

Mode Perdagangan Buku Pesanan

Model buku pesanan dibagi menjadi dua jenis:

  1. Penetapan Harga: Penjual menetapkan harga jual, pembeli dapat membeli jika merasa cocok.
  2. Permintaan Pembelian: Pembeli mengeluarkan pesanan permintaan pembelian, penjual akan menjual saat mereka menganggap harga sesuai.

Secara umum, harga permintaan akan lebih rendah daripada harga penetapan. Artikel ini akan fokus pada metode perdagangan harga penetapan.

Web3 Pemula Seri: Mewujudkan NFT DEX dari nol

Fungsi Dasar NFT DEX

Sebuah DEX NFT dasar harus mencakup fungsi-fungsi berikut:

  1. Memasang produk: Menyusun NFT dengan harga yang ditetapkan
  2. Membeli barang: melakukan pembelian berdasarkan harga NFT
  3. Mengambil biaya: berdasarkan proporsi harga transaksi

Proses Penambahan Produk

  1. Frontend: Pengguna memilih NFT dan menetapkan harga, kemudian mengklik untuk menampilkan
  2. Kontrak: Pengguna memberikan otorisasi untuk operasi kontrak NFT

Proses Pembelian Barang

  1. Frontend: Pengguna memilih NFT, mengklik beli
  2. Kontrak: Mengalihkan dana pembeli kepada penjual, NFT kepada pembeli

Web3 pemula seri: Mewujudkan NFT DEX dari nol

Implementasi NFT DEX

1. Buat NFT uji coba

Anda dapat dengan cepat menyebarkan kontrak NFT protokol ERC-721 untuk pengujian melalui Remix.

Web3 pemula seri: Mewujudkan NFT DEX dari nol

2. Menulis kontrak pintar

Utama berisi metode berikut:

2.1 Penjual Mendaftarkan NFT

Proses:

  1. Pengguna memilih NFT
  2. Atur harga
  3. Memberikan NFT kepada kontrak
  4. Panggil metode penyajian

Metode peluncuran diperlukan:

  • Verifikasi kepemilikan NFT
  • Tambahkan catatan peluncuran
  • Memicu peristiwa peluncuran

Web3 pemula seri: Mewujudkan NFT DEX dari nol

2.2 Pembeli membeli NFT

Langkah-langkah pelaksanaan kontrak:

  1. Membaca data NFT
  2. Hitung dan potong biaya transaksi
  3. Transfer NFT kepada pembeli
  4. Memicu peristiwa pembelian

Web3 pemula seri: Membangun NFT DEX dari nol

2.3 Batalkan Penempatan

Setel field isActive dari catatan yang terdaftar menjadi false.

Web3 pemula seri: Mewujudkan NFT DEX dari nol

2.4 Penarikan Biaya Transaksi

Menyimpan biaya yang diterima ke dalam kontrak atau mentransfernya ke alamat yang ditentukan.

Web3 Pemula Seri: Mewujudkan NFT DEX dari Nol

3. Pengembangan Frontend

Alat utama yang digunakan:

  • Ant Design Web3
  • Wagmi
  • Next.js + Vercel

Halaman Utama:

  • Mint: mencetak NFT uji coba
  • Beli: NFT pertukaran mall
  • Portfolio:Manajemen naik turunnya NFT

3.1 Menghubungkan Dompet

Menggunakan komponen koneksi Ant Design Web3.

Web3 Pemula Seri: Membangun NFT DEX dari Nol

3.2 Halaman Mint

Menggunakan metode useWriteContract dari wagmi untuk memanggil kontrak mint.

Seri Pemula Web3: Mewujudkan NFT DEX dari Nol

3.3 Halaman Portfolio

Menampilkan NFT pengguna, mendukung operasi daftar dan hapus daftar.

Web3 pemula seri: Mewujudkan NFT DEX dari nol

3.4 Halaman Beli

Menampilkan NFT yang sudah terdaftar, mendukung operasi pembelian.

Web3 pemula seri: Mewujudkan DEX NFT dari nol

Melalui langkah-langkah di atas, sebuah NFT DEX dasar telah terwujud. Dapat diterapkan di Vercel untuk diakses dan digunakan.

MINT6.01%
Lihat Asli
Halaman ini mungkin berisi konten pihak ketiga, yang disediakan untuk tujuan informasi saja (bukan pernyataan/jaminan) dan tidak boleh dianggap sebagai dukungan terhadap pandangannya oleh Gate, atau sebagai nasihat keuangan atau profesional. Lihat Penafian untuk detailnya.
  • Hadiah
  • 6
  • Bagikan
Komentar
0/400
GmGnSleepervip
· 07-26 04:07
Bull wah sendiri menulis Dex sudah ada rasanya
Lihat AsliBalas0
TokenRationEatervip
· 07-25 22:02
Postingan teknik klasik, disarankan untuk disimpan sebelum dibaca.
Lihat AsliBalas0
MetaNomadvip
· 07-23 09:16
Proyek lama, hanya saja tidak bisa menulis.
Lihat AsliBalas0
BrokeBeansvip
· 07-23 09:08
Saya terkejut hingga anjing saya jatuh di on-chain.
Lihat AsliBalas0
DevChivevip
· 07-23 09:08
Hari ini juga merupakan hari belajar Blockchain ya~
Lihat AsliBalas0
BearMarketNoodlervip
· 07-23 09:05
Lagipula tidak ada bedanya dengan pesanan terbuka, hanya spekulasi belaka.
Lihat AsliBalas0
Perdagangkan Kripto Di Mana Saja Kapan Saja
qrCode
Pindai untuk mengunduh aplikasi Gate
Komunitas
Bahasa Indonesia
  • 简体中文
  • English
  • Tiếng Việt
  • 繁體中文
  • Español
  • Русский
  • Français (Afrique)
  • Português (Portugal)
  • Bahasa Indonesia
  • 日本語
  • بالعربية
  • Українська
  • Português (Brasil)