Memahami Proses Pengembangan Platform Perdagangan NFT Desentralisasi Secara Menyeluruh

robot
Pembuatan abstrak sedang berlangsung

Mengembangkan platform perdagangan NFT desentralisasi dari nol

Untuk NFT yang mengikuti protokol ERC-721, cara untuk mewujudkan transaksi Desentralisasi berbeda dengan token ERC-20. Saat ini, platform perdagangan NFT yang dominan banyak menggunakan model pemesanan, mirip dengan produk yang dipajang di rak supermarket, di mana pembeli dapat memilih dengan bebas.

Artikel ini akan memperkenalkan bagaimana cara mewujudkan sebuah platform perdagangan NFT desentralisasi dasar melalui kontrak pintar dan antarmuka depan yang sederhana. Perlu dicatat bahwa ini hanya merupakan contoh pembelajaran, tidak cocok untuk lingkungan produksi yang sebenarnya.

Web3 pemula seri: Mewujudkan NFT DEX dari nol

Karakteristik dan Metode Transaksi NFT

NFT adalah singkatan dari token non-fungible, di mana setiap Token adalah unik. Biasanya NFT akan menampilkan gambar yang berbeda di dompet, dan setiap kelompok NFT memiliki ID unik yang mengidentifikasinya.

Karena sifat NFT ini, tidak dapat dinilai melalui kurva harga seperti token ERC-20. Saat ini, cara perdagangan yang lebih umum adalah menggunakan bentuk buku pesanan.

Web3 pemula seri: Mewujudkan NFT DEX dari nol

Mode Perdagangan Buku Pesanan

Model order book memiliki dua bentuk utama:

  1. Harga Tetap: Penjual menetapkan harga, pembeli dapat langsung membeli jika merasa sesuai.

  2. Permintaan Pembelian: Pembeli mengeluarkan pesanan permintaan pembelian, penjual dapat menjual jika merasa harga sesuai.

Secara umum, harga permintaan akan lebih rendah dari harga penetapan. Artikel ini akan fokus pada mode penetapan harga.

Seri Pemula Web3: Mewujudkan NFT DEX dari nol

Fungsi dasar dari platform NFT

Sebuah platform perdagangan NFT dasar harus mencakup fungsi berikut:

  1. Daftar produk: Menyusun NFT dengan harga yang ditentukan
  2. Membeli barang: Membeli sesuai dengan harga NFT
  3. Biaya platform: Mengambil persentase tertentu berdasarkan harga transaksi.

Proses Penempatan

  1. Frontend: Pengguna memilih NFT dan menetapkan harga, kemudian mengklik untuk daftar.
  2. Kontrak: Pengguna memberikan wewenang kepada kontrak untuk mengoperasikan NFT-nya

Sambil itu, perlu untuk mempertahankan tabel pemetaan harga untuk barang yang terdaftar dalam kontrak.

Proses Pembelian

  1. Frontend: Pengguna memilih NFT yang ingin dibeli, klik beli
  2. Kontrak: Mengalihkan dana pembeli kepada penjual, NFT kepada pembeli

Web3 Pemula Series: Mewujudkan DEX NFT dari Nol

Mengembangkan platform NFT

Selanjutnya, kita akan membangun sebuah platform perdagangan NFT sederhana dari nol.

1. Membuat kontrak NFT

Untuk keperluan pengujian, kita dapat menggunakan Remix untuk dengan cepat menerapkan kontrak NFT protokol ERC-721. Tentu saja, kita juga dapat langsung menggunakan kontrak NFT yang sudah ada.

Seri Pemula Web3: Mewujudkan NFT DEX dari nol

2. Kontrak platform

Kontrak platform perdagangan harus mencakup fungsi inti berikut:

2.1 Penjual mengunggah NFT

Prosesnya sebagai berikut:

  1. Pengguna memilih NFT
  2. Atur harga ( menggunakan ETH atau stablecoin )
  3. Memberikan NFT kepada kontrak
  4. Memanggil metode penyajian

Metode penempatan harus:

  • Memverifikasi kepemilikan NFT
  • Tambah catatan peluncuran
  • Memicu peristiwa peluncuran

Web3 pemula seri: Mewujudkan sebuah NFT DEX dari nol

2.2 Pembeli membeli NFT

Proses pembelian:

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

Web3 pemula seri: Mewujudkan DEX NFT dari nol

2.3 Batalkan Pencantuman

Dengan mengatur bidang isActive menjadi false untuk membatalkan penempatan.

2.4 Penarikan Biaya Transaksi

Platform dapat mengenakan persentase tertentu dari biaya transaksi, disimpan dalam kontrak atau diteruskan ke alamat yang ditentukan.

Web3 pemula seri: Mewujudkan NFT DEX dari nol

3. Pengembangan Frontend

Pengembangan front-end memerlukan alat-alat berikut:

  • Ant Design Web3: untuk koneksi dompet dan tampilan NFT
  • Wagmi: digunakan untuk interaksi dompet
  • Next.js + Vercel: menerapkan proyek

Frontend utama terdiri dari tiga halaman: Mint, Buy, dan Portfolio.

Seri Pemula Web3: Mewujudkan DEX NFT dari Nol

3.1 Menghubungkan Dompet

Gunakan komponen koneksi Ant Design Web3 untuk mengimplementasikan fungsi koneksi dompet.

Seri Pemula Web3: Membangun NFT DEX dari Nol

3.2 Halaman Mint

Digunakan untuk mencetak NFT uji, menggunakan metode useWriteContract dari wagmi untuk memanggil kontrak.

Web3 Pemula Series: Mewujudkan NFT DEX dari Nol

3.3 Halaman Portofolio

Menampilkan NFT yang dimiliki pengguna, mendukung operasi penjualan dan pembelian.

Perlu memanggil metode listNFT dan cancelListing dari kontrak, dan memberikan otorisasi NFT kepada kontrak sebelum listing.

Web3 pemula seri: Mewujudkan DEX NFT dari nol

3.4 Halaman Beli

Menampilkan semua NFT yang terdaftar, mendukung operasi pembelian.

Panggil metode purchaseNFT saat membeli, dan bayar ETH yang sesuai.

Dengan ini, sebuah platform perdagangan NFT desentralisasi dasar telah selesai dikembangkan. Kita dapat menerapkannya di platform seperti Vercel untuk pengujian.

Web3 pemula series: Mewujudkan NFT DEX dari nol

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
  • 5
  • Bagikan
Komentar
0/400
failed_dev_successful_apevip
· 07-29 23:38
Jangan repot-repot dengan hal-hal yang kaku, langsung saja tulis demo.
Lihat AsliBalas0
FalseProfitProphetvip
· 07-29 23:38
Kursus Pertama untuk Pemrogram
Lihat AsliBalas0
ZKProofstervip
· 07-29 23:34
hmm... secara teknis, implementasi ini kurang memiliki vektor privasi yang krusial
Lihat AsliBalas0
MetaverseHobovip
· 07-29 23:23
Apakah biaya transaksi bisa diambil?
Lihat AsliBalas0
consensus_failurevip
· 07-29 23:11
wawasan berharga penuh, tapi tidak mengerti~
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)