NFT DEX geliştirme pratik: akıllı sözleşmelerden ön yüz uygulamasına

robot
Abstract generation in progress

Sıfırdan NFT DEX Oluşturma

ERC-721 protokolüne sahip NFT'ler için, merkeziyetsiz ticaret nasıl gerçekleştirilir? Şu anda, önde gelen NFT borsaları genellikle sipariş verme yöntemi ile ticaret yapmaktadır, bu süpermarket raflarında ürünlerin sergilenmesine benzer, alıcılar fiyatın uygun olduğunu düşündüklerinde satın alabilirler. Bu makalede, akıllı sözleşmeler yazıp basit bir ön yüz sayfası oluşturarak temel bir NFT merkeziyetsiz ticaret işlevi gerçekleştireceğiz.

NFT tanıtımı

NFT(Non-Fungible Token)yani fungible olmayan token, her Token benzersizdir ve ERC-721 protokolüne uyar. Genellikle her NFT cüzdanda farklı bir resim gösterir ve ayırt etmek için benzersiz bir ID'ye sahiptir. NFT'nin özellikleri nedeniyle, fiyatları ERC-20 tokenleri gibi fiyat eğrisi ile belirlemek mümkün değildir, bu nedenle yaygın ticaret şekli emir defteri şeklindedir.

Web3 yeni başlayanlar serisi: Sıfırdan bir NFT DEX oluşturma

Sipariş Defteri Ticaret Modu

Sipariş defteri modları esasen ikiye ayrılır:

  1. Fiyatlandırma Emri: Satıcı satış fiyatını belirler, alıcı uygun bulursa satın alabilir.
  2. Talep Emri: Alıcı talep emri yayımlar, satıcı fiyatı uygun bulursa satış yapabilir.

Genel olarak, alım emirlerinin fiyatı, fiyatlandırma emirlerinden daha düşük olacaktır. Bu makalede, fiyatlandırma emri modeli tanıtılmaktadır.

Web3 Yeni Başlayanlar Serisi: Sıfırdan Bir NFT DEX Gerçekleştirmek

NFT borsa temel fonksiyonları

Bir temel NFT borsası aşağıdaki özellikleri içermelidir:

  1. Ürün ekleme: NFT'yi belirlenen fiyatla satışa sunma
  2. Ürün satın alma: NFT fiyatlandırmasına göre satın alma
  3. İşlem Ücreti: İşlem fiyatı oranına göre alınır

Ürün Yükleme Süreci

  1. Ön Uç: Kullanıcı NFT'yi seçer ve fiyatı belirler, listeleme için tıklar
  2. Sözleşme: Kullanıcı, NFT'yi işlemek için sözleşme yetkisi verir.

Ürün satın alma süreci

  1. Ön uç: Kullanıcı NFT'yi seçer, satın al butonuna tıklar.
  2. Sözleşme: Alıcı fonlarını satıcıya, NFT'yi alıcıya aktar.

Web3 yeni başlayanlar serisi: Sıfırdan bir NFT DEX gerçekleştirmek

NFT borsası oluşturma

1. Test amaçlı NFT oluşturma

Remix kullanarak test için hızlıca bir ERC-721 protokolü NFT sözleşmesi dağıtabilirsiniz.

Web3 Yeni Başlayanlar Serisi: Sıfırdan Bir NFT DEX Gerçekleştirmek

2. Akıllı sözleşme yazma

Sözleşme esasen aşağıdaki yöntemleri içerir:

2.1 Satıcı NFT'yi listele

Akış:

  1. Kullanıcı NFT seçer
  2. Fiyat Ayarla
  3. Sözleşmeye NFT yetkilendirme
  4. Listeleme yöntemini çağır

Listeleme yöntemi uygulaması:

  1. NFT mülkiyetini doğrulama
  2. Listeleme kaydı ekle
  3. Listeleme olayını tetikle

Web3 Yeni Başlayanlar Serisi: Sıfırdan Bir NFT DEX Gerçekleştirmek

2.2 Alıcı NFT satın alır

Sözleşme yürütme:

  1. NFT verilerini oku
  2. İşlem ücretini hesaplayın ve düşürün
  3. NFT'yi alıcıya aktar
  4. Satın alma olayını tetikle

Web3 Yeni Başlayanlar Serisi: Sıfırdan Bir NFT DEX Gerçekleştirmek

2.3 İptal Etme

Yüklenen kaydın isActive alanını false olarak ayarlayın.

Web3 Yeni Başlayanlar Serisi: Sıfırdan Bir NFT DEX Gerçekleştirmek

2.4 Çekim Ücreti

Sözleşmede biriken işlem ücretlerini çekmek

Web3 Yeni Başlayanlar Serisi: Sıfırdan Bir NFT DEX Oluşturma

3. Ön yüz arayüzünü geliştirme

Kullanılan ana araçlar:

  • Ant Design Web3: Cüzdanı bağla ve NFT'leri göster
  • Wagmi: Cüzdan ile etkileşim
  • Next.js + Vercel: projeyi dağıtma

Ön yüz 3 sayfa içerir:

  • Mint: Test NFT oluşturma
  • Buy:NFT borsa
  • Portföy: Kullanıcı NFT'lerini yönet

Web3 Yeni Başlayanlar Serisi: Sıfırdan Bir NFT DEX Gerçekleştirmek

3.1 Cüzdanı Bağla

Ant Design Web3'ün bağlantı bileşenini kullanarak uygulayın.

Web3 Yeni Başlayanlar Serisi: Sıfırdan Bir NFT DEX Gerçekleştirmek

3.2 Mint sayfası

wagmi'nin useWriteContract yöntemini kullanarak NFT sözleşmesinin mint yöntemini çağırın.

Web3 Yeni Başlayanlar Serisi: Sıfırdan Bir NFT DEX Oluşturma

3.3 Portföy Sayfası

Kullanıcının sahip olduğu NFT'leri gösterir, listeleme ve kaldırma işlemlerini destekler.

Web3 Yeni Başlayanlar Serisi: Sıfırdan Bir NFT DEX Gerçekleştirmek

3.4 Satın Al Sayfası

Listelenen NFT'leri gösterir, satın alma işlemini destekler.

Web3 Yeni Başlayanlar Serisi: Sıfırdan Bir NFT DEX Gerçekleştirmek

Yukarıdaki adımlar ile temel bir NFT Merkeziyetsizlik borsası gerçekleştirilmiştir. Ön uç Vercel'e dağıtılarak erişim için kullanılabilir.

MINT-10.7%
View Original
This page may contain third-party content, which is provided for information purposes only (not representations/warranties) and should not be considered as an endorsement of its views by Gate, nor as financial or professional advice. See Disclaimer for details.
  • Reward
  • 6
  • Share
Comment
0/400
IntrovertMetaversevip
· 6h ago
Süpermarkette sebze almak bunun kadar basit olmalı.
View OriginalReply0
DaisyUnicornvip
· 6h ago
Ayy, süpermarketin dekorasyonundan daha ilginç bir protokol küçük çiçek~
View OriginalReply0
GateUser-a180694bvip
· 6h ago
Bu dex'in nft ticaretindeki sorunları değiştirmesini umuyorum.
View OriginalReply0
DecentralizedEldervip
· 6h ago
Açıldı, dostum, hadi bir şeyler yapalım.
View OriginalReply0
ThatsNotARugPullvip
· 6h ago
akıllı sözleşmeler o kadar büyük bir sorun.
View OriginalReply0
CascadingDipBuyervip
· 6h ago
açık emirler buy/sell bu düşük likidasyona uğramak
View OriginalReply0
  • Pin
Trade Crypto Anywhere Anytime
qrCode
Scan to download Gate app
Community
  • 简体中文
  • English
  • Tiếng Việt
  • 繁體中文
  • Español
  • Русский
  • Français (Afrique)
  • Português (Portugal)
  • Bahasa Indonesia
  • 日本語
  • بالعربية
  • Українська
  • Português (Brasil)