Panduan lengkap untuk membangun platform perdagangan NFT desentralisasi dari nol

robot
Pembuatan abstrak sedang berlangsung

Membangun platform perdagangan NFT Desentralisasi dari nol

Untuk NFT yang mengikuti protokol ERC-721, cara untuk mewujudkan perdagangan Desentralisasi berbeda dari token ERC-20. Saat ini, model perdagangan NFT yang utama mirip dengan tampilan produk di rak supermarket, di mana pembeli dapat langsung memilih NFT yang mereka inginkan.

Artikel ini akan memperkenalkan bagaimana cara menggunakan kontrak pintar dan antarmuka frontend yang sederhana untuk mewujudkan sebuah platform perdagangan NFT desentralisasi dasar. Perlu dicatat bahwa ini hanyalah proyek demonstrasi untuk tujuan pembelajaran dan tidak cocok untuk digunakan langsung di lingkungan produksi.

Web3 Pemula Seri: Mewujudkan NFT DEX dari Nol

Karakteristik dan Metode Perdagangan NFT

NFT adalah token yang tidak dapat dipertukarkan, di mana setiap Token adalah unik. Biasanya NFT akan menampilkan gambar yang berbeda di dalam dompet dan memiliki ID unik sebagai penanda. Karena karakteristik NFT ini, harga tidak dapat ditentukan seperti token ERC-20 melalui kurva harga. Saat ini, cara perdagangan NFT yang umum adalah melalui bentuk buku pesanan.

Ada dua jenis model perdagangan buku pesanan:

  1. Harga Tetap: Penjual menetapkan harga, pembeli dapat membeli jika merasa sesuai.
  2. Permintaan Pembelian: Pembeli menerbitkan permintaan pembelian dan harga, jika penjual merasa cocok, mereka dapat menjual.

Artikel ini akan menyoroti cara perdagangan dengan order harga.

Web3 pemula seri: Mewujudkan DEX NFT dari nol

Fitur Utama dari Platform NFT

Sebuah platform perdagangan NFT dasar harus mencakup beberapa fungsi inti berikut:

  1. Menjual NFT: Penjual menetapkan harga dan mengunggah NFT
  2. Membeli NFT: Pembeli membeli NFT sesuai dengan harga yang ditentukan
  3. Mengambil biaya: Mengambil persentase tertentu dari harga transaksi sebagai biaya.

Proses Penempatan NFT

  1. Frontend: Pengguna memilih NFT dan menetapkan harga
  2. Kontrak: Pengguna memberikan wewenang untuk operasi kontrak NFT
  3. Kontrak: mencatat informasi peluncuran

Proses Pembelian NFT

  1. Frontend: Pengguna memilih NFT yang ingin dibeli
  2. Kontrak: mentransfer NFT kepada pembeli, mentransfer kepada penjual

Web3 pemula seri: Membangun DEX NFT dari nol

Mewujudkan platform NFT

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

1. Buat NFT uji coba

Kita dapat menggunakan Remix untuk dengan cepat menerapkan kontrak NFT yang mengikuti protokol ERC-721, untuk pengujian.

Seri Pemula Web3: Mewujudkan DEX NFT dari Nol

2. Menulis kontrak pintar

Kontrak perlu mengimplementasikan beberapa metode utama berikut:

2.1 Penjual mengunggah NFT

Proses:

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

2.2 Pembeli membeli NFT

Proses:

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

2.3 Batalkan Pengangkatan

Cukup tandai catatan penjualan sebagai tidak valid.

2.4 Penarikan Biaya Transaksi

Mengeluarkan biaya yang telah terakumulasi.

Web3 Pemula Series: Membangun NFT DEX dari nol

3. Mengembangkan antarmuka depan

Kami akan menggunakan alat berikut:

  • Ant Design Web3: menghubungkan dompet, menampilkan NFT
  • Wagmi: berinteraksi dengan dompet
  • Next.js + Vercel: menerapkan proyek

Frontend perlu mengimplementasikan tiga halaman utama:

  • Mint: Membuat NFT uji coba
  • Beli: Pasar perdagangan NFT
  • Portfolio: mengelola NFT pengguna

3.1 Hubungkan Dompet

Menggunakan komponen Ant Design Web3 untuk mengimplementasikan fungsi koneksi dompet.

Web3 Pemula Seri: Mewujudkan NFT DEX dari Nol

3.2 Halaman Mint

Digunakan untuk membuat NFT uji coba, memanggil metode mint dari kontrak.

Web3 Pemula Seri: Mewujudkan DEX NFT dari Nol

3.3 Halaman Portofolio

Menampilkan NFT yang dimiliki pengguna, mendukung operasi daftar dan hapus daftar.

Web3 Pemula Seri: Mewujudkan DEX NFT dari Nol

3.4 Halaman Beli

Menampilkan semua NFT yang terdaftar, mendukung fungsi pembelian.

Web3新手系列:从 nol 实现一个 NFT DEX

Dengan langkah-langkah di atas, kami telah berhasil membangun sebuah platform perdagangan NFT Desentralisasi yang dasar. Meskipun fungsinya cukup sederhana, namun sudah mencakup logika inti perdagangan NFT. Di atas dasar ini, dapat lebih lanjut disempurnakan dan dioptimalkan untuk memenuhi kebutuhan lebih banyak skenario aplikasi yang nyata.

Seri Pemula Web3: Mewujudkan DEX NFT dari Nol

Web3 Pemula Series: Mewujudkan NFT DEX dari Nol

Seri Pemula Web3: Mewujudkan DEX NFT dari nol

Web3 pemula seri: Membangun NFT DEX dari nol

MINT1.86%
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
  • 8
  • Bagikan
Komentar
0/400
HashBanditvip
· 39menit yang lalu
heh tutorial pasar nft lainnya... seolah kita butuh lebih banyak toko jpeg yang menghabiskan gas rn
Lihat AsliBalas0
TokenTaxonomistvip
· 7jam yang lalu
secara statistik, 89,7% dari "panduan" ini melewatkan vektor keamanan yang krusial...
Lihat AsliBalas0
GasGuruvip
· 7jam yang lalu
Tampaknya sangat populer tapi terlalu merepotkan ya.
Lihat AsliBalas0
SleepTradervip
· 7jam yang lalu
Ada bug? Coba lihat.
Lihat AsliBalas0
SatoshiLegendvip
· 7jam yang lalu
protokol kode adalah jalan yang benar / analisis mendalam sumber kode
Lihat AsliBalas0
GovernancePretendervip
· 7jam yang lalu
Saya mengerti apa yang Anda katakan, tetapi yang paling sulit adalah merakitnya.
Lihat AsliBalas0
ChainSherlockGirlvip
· 7jam yang lalu
Lihat siapa yang ingin membangun pertukaran NFT untuk play people for suckers lagi~ Bagaimana dengan biaya transaksi ini yang menarik perhatian saya lagi?
Lihat AsliBalas0
GasFeeNightmarevip
· 7jam yang lalu
Agak membingungkan, gas sudah tidak rendah tapi masih melakukan ini.
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)