Pengembangan DEX NFT: dari smart contract hingga implementasi frontend

robot
Pembuatan abstrak sedang berlangsung

Dari Nol Membangun DEX NFT

Untuk NFT yang menggunakan protokol ERC-721, bagaimana cara mewujudkan perdagangan desentralisasi? Saat ini, sebagian besar pertukaran NFT menggunakan metode pemesanan untuk melakukan perdagangan, mirip dengan menampilkan barang di rak supermarket, di mana pembeli dapat membeli jika merasa harga sesuai. Artikel ini akan membahas cara membuat kontrak pintar dan halaman depan sederhana untuk mewujudkan fungsi perdagangan NFT desentralisasi dasar.

NFT简介

NFT(Non-Fungible Token)adalah token yang tidak dapat dipertukarkan, setiap Token adalah unik dan mengikuti protokol ERC-721. Biasanya setiap NFT akan menampilkan gambar yang berbeda di dompet dan memiliki ID unik untuk membedakannya. Karena karakteristik NFT, harga tidak dapat ditentukan melalui kurva harga seperti token ERC-20, sehingga cara perdagangan yang umum adalah dalam bentuk buku pesanan.

Web3 Pemula Seri: Membangun 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 dapat menjual jika merasa harga sesuai.

Secara umum, harga permintaan akan lebih rendah daripada harga tetap. Artikel ini terutama membahas mode harga tetap.

Web3 pemula seri: Mewujudkan NFT DEX dari nol

Fungsi dasar pertukaran NFT

Sebuah pertukaran NFT dasar harus mencakup fungsi-fungsi berikut:

  1. Daftar Produk: Menyusun NFT dengan harga yang ditentukan
  2. Membeli Barang: Membeli dengan harga NFT
  3. Mengambil biaya: diambil berdasarkan persentase dari harga transaksi

Proses Penempatan Produk

  1. Frontend: Pengguna memilih NFT dan menetapkan harga, klik untuk mendaftar
  2. Kontrak: Pengguna memberikan otorisasi untuk kontrak yang mengoperasikan NFT

Proses Pembelian Barang

  1. Front-end: pengguna memilih NFT, klik beli
  2. Kontrak: Mengalihkan dana pembeli kepada penjual, NFT kepada pembeli

Web3 pemula seri: Membangun NFT DEX dari nol

Mewujudkan pertukaran NFT

1. Buat NFT uji coba

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

Web3 pemula seri: Mewujudkan NFT DEX dari nol

2. Menulis Kontrak Pintar

Kontrak terutama mencakup metode berikut:

2.1 Penjual Mendaftarkan NFT

Proses:

  1. Pengguna memilih NFT
  2. Atur Harga
  3. Memberikan NFT ke kontrak
  4. Memanggil metode peluncuran

Metode peluncuran eksekusi:

  1. Verifikasi kepemilikan NFT
  2. Tambahkan catatan peluncuran
  3. Memicu peristiwa peluncuran

Web3 Pemula Seri: Mewujudkan NFT DEX dari nol

2.2 Pembeli membeli NFT

Eksekusi kontrak:

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

Web3 Pemula Seri: Mewujudkan 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

Mengambil biaya yang terakumulasi dalam kontrak.

Web3 pemula seri: Mewujudkan NFT DEX dari nol

3. Mengembangkan antarmuka depan

Alat utama yang digunakan:

  • Ant Design Web3: Menghubungkan dompet dan menampilkan NFT
  • Wagmi: Interaksi dengan dompet
  • Next.js + Vercel: menyebarkan proyek

Antarmuka depan terdiri dari 3 halaman:

  • Mint: Membuat NFT tes
  • Beli:NFT pertukaran mall
  • Portfolio: Mengelola NFT pengguna

Web3 Pemula Seri: Mewujudkan NFT DEX dari nol

3.1 Hubungkan Dompet

Mengimplementasikan komponen koneksi Ant Design Web3.

Web3 pemula seri: Membangun NFT DEX dari nol

3.2 Halaman Mint

Gunakan metode useWriteContract dari wagmi untuk memanggil metode mint dari kontrak NFT.

Web3 Pemula Seri: Mewujudkan NFT DEX dari Nol

3.3 Halaman Portfolio

Menampilkan NFT yang dimiliki pengguna, mendukung operasi pemasangan dan pencabutan.

Web3 pemula seri: Membangun NFT DEX dari nol

Halaman Beli 3.4

Menampilkan NFT yang telah terdaftar, mendukung operasi pembelian.

Seri Pemula Web3: Mewujudkan DEX NFT dari Nol

Dengan langkah-langkah di atas, sebuah DEX NFT dasar telah terwujud. Anda dapat menerapkan front-end ke Vercel untuk diakses.

MINT-1.85%
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
IntrovertMetaversevip
· 17jam yang lalu
Belanja sayur di supermarket pasti lebih mudah dari ini.
Lihat AsliBalas0
DaisyUnicornvip
· 17jam yang lalu
Aduh, protokol kecil yang lebih ajaib dari rak bunga supermarket~
Lihat AsliBalas0
GateUser-a180694bvip
· 17jam yang lalu
Saya berharap dex ini dapat mengubah titik sakit dalam perdagangan nft.
Lihat AsliBalas0
DecentralizedEldervip
· 17jam yang lalu
Pasar sudah dibuka, bro, ayo kita mulai.
Lihat AsliBalas0
ThatsNotARugPullvip
· 17jam yang lalu
smart contract itu sangat merepotkan
Lihat AsliBalas0
CascadingDipBuyervip
· 17jam yang lalu
pesanan terbuka beli jual jenis ini dapatkan likuidasi
Lihat AsliBalas0
  • Sematkan
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)