Dari 0 ke 1: Panduan Lengkap Membangun DEX NFT

robot
Pembuatan abstrak sedang berlangsung

Membangun DEX NFT dari nol

Dalam artikel sebelumnya, kami membahas bagaimana token ERC-20 diperdagangkan melalui DEX. Lalu, bagaimana cara melakukan perdagangan terdesentralisasi untuk NFT yang mengikuti protokol ERC-721?

Saat ini, sebagian besar platform perdagangan NFT yang mainstream menggunakan mode pesanan, mirip dengan menampilkan barang di rak untuk pembeli pilih. Artikel ini akan mengimplementasikan sistem perdagangan NFT desentralisasi dasar dengan menulis kontrak pintar dan antarmuka front-end yang sederhana. Perlu dicatat bahwa artikel ini hanya untuk referensi belajar, tidak cocok untuk lingkungan produksi.

Web3 Pemula Seri: Mewujudkan NFT DEX dari nol

Pengantar NFT

NFT adalah token yang tidak dapat dipertukarkan, setiap Token adalah unik. Ini mengikuti protokol ERC-721, biasanya ditampilkan dalam bentuk gambar yang berbeda di dompet, dan setiap NFT memiliki ID unik untuk membedakannya.

Karena sifat khusus NFT, tidak dapat dinilai melalui kurva harga seperti token ERC-20. Oleh karena itu, perdagangan NFT biasanya menggunakan bentuk buku pesanan.

Web3 pemula seri: Membangun NFT DEX dari nol

Mode Perdagangan Buku Pesanan

Dalam mode buku pesanan, harga barang ditentukan oleh penjual sendiri, bukan dihitung melalui algoritma. Umumnya ada dua cara perdagangan:

  1. Harga order: Penjual menetapkan harga jual, pembeli dapat membeli jika merasa sesuai.
  2. Permintaan Pembelian: Pembeli menerbitkan pesanan permintaan beli, penjual dapat menjual jika merasa harga sesuai.

Artikel ini akan menekankan pada metode perdagangan penetapan harga pertama.

Web3 Pemula Seri: Membangun NFT DEX dari nol

Fitur Dasar Pertukaran NFT

Sebuah pertukaran NFT dasar harus mencakup fungsi-fungsi berikut:

  1. Menyediakan produk: Menawarkan NFT dengan harga yang ditetapkan
  2. Membeli barang: membeli dengan harga NFT
  3. Mengambil biaya transaksi: berdasarkan persentase harga transaksi

Proses Penempatan

  1. Pengguna memilih NFT di front-end dan menetapkan harga
  2. Pengguna memberikan wewenang kepada kontrak untuk mengoperasikan NFT mereka
  3. Mencatat informasi listing dalam kontrak

Proses Pembelian

  1. Pengguna memilih NFT di front-end dan mengklik beli
  2. Kontrak akan mentransfer dana pembeli kepada penjual, dan akan mentransfer NFT kepada pembeli.

Web3 pemula seri: Mewujudkan NFT DEX dari nol

Mewujudkan Pertukaran NFT

Berikut kami akan membangun pertukaran NFT sederhana dari nol.

1. Buat NFT uji

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

Web3 pemula series: Mewujudkan NFT DEX dari nol

2. Menulis kontrak pintar

Kontrak perlu mewujudkan fungsi utama berikut:

2.1 Penjual Mendaftarkan NFT

Proses:

  1. Verifikasi kepemilikan NFT
  2. Tambah catatan penjualan
  3. Memicu peristiwa peluncuran

Web3 Pemula Seri: Mewujudkan NFT DEX dari nol

2.2 Pembeli membeli NFT

Proses:

  1. Mendapatkan informasi penempatan NFT
  2. Hitung dan potong biaya transaksi
  3. Transfer kepemilikan NFT
  4. Memicu peristiwa pembelian

Web3 Pemula Seri: Mewujudkan NFT DEX dari Nol

2.3 Batalkan Penempatan

Dengan mengatur field isActive menjadi false.

Web3 pemula seri: Mewujudkan NFT DEX dari nol

2.4 Tarik Biaya Transaksi

Pemilik kontrak dapat menarik biaya yang terakumulasi.

Seri Pemula Web3: Mewujudkan NFT DEX dari nol

3. Mengembangkan antarmuka depan

Menggunakan alat berikut:

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

Antarmuka pengguna terdiri dari tiga halaman utama:

  • Mint: Mencetak NFT untuk uji coba
  • Beli:Pasar NFT
  • Portofolio: Mengelola NFT pengguna

Web3 Pemula Seri: Membangun NFT DEX dari Nol

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 dan mencetak NFT.

Web3 Pemula Seri: Membangun NFT DEX dari Nol

3.3 Halaman Portofolio

Menampilkan NFT pengguna dan mendukung operasi penambahan/pengurangan.

Web3 Pemula: Mewujudkan NFT DEX dari Nol

Halaman Beli 3.4

Tampilkan semua NFT yang dijual dan mendukung fungsi pembelian.

Dengan langkah-langkah di atas, kami telah mewujudkan sebuah DEX NFT yang memiliki fungsi dasar. Akhirnya, proyek dapat diterapkan ke Vercel untuk digunakan.

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
  • 7
  • Bagikan
Komentar
0/400
ChainMaskedRidervip
· 11jam yang lalu
Artikel ini hanya omong kosong, sama saja seperti tidak mengatakan apa-apa.
Lihat AsliBalas0
CommunityWorkervip
· 08-04 01:49
Siapa yang mau menggunakan dex tanpa biaya gas?
Lihat AsliBalas0
MelonFieldvip
· 08-02 21:21
Wow, artikel ini ditulis dengan mudah!
Lihat AsliBalas0
GmGmNoGnvip
· 08-02 21:21
Malas belajar kode, lebih baik pergi Kupon Klip.
Lihat AsliBalas0
ILCollectorvip
· 08-02 21:03
Ah ah ah, ada koleksi baru yang akan memainkan saya untuk suckers lagi.
Lihat AsliBalas0
RugPullProphetvip
· 08-02 21:00
Ada tangan sudah cukup, mari kita mulai dengan rasa hormat.
Lihat AsliBalas0
LazyDevMinervip
· 08-02 20:53
Frontend sudah jelek, kenapa tidak diproduksi?
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)