NFT merkeziyetsiz ticaret platformu oluşturma: akıllı sözleşmelerden ön yüz arayüzüne

Sıfırdan bir NFT merkeziyetsiz platformu inşa etmek

ERC-721 protokolünü takip eden NFT'ler için merkeziyetsiz ticaret nasıl gerçekleştirilir? Şu anda, ana akım NFT ticaret yöntemi, ürünlerin raflarda sergilendiği ve alıcıların fiyatı uygun bulursa satın alabileceği bir emir defteri modeli kullanmaktır. Bu makale, akıllı sözleşmeler ve basit bir ön yüz sayfası yazarak temel bir NFT merkeziyetsiz ticaret platformu oluşturmayı amaçlamaktadır.

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

NFT ticaret platformunun temel işlevleri

Bir temel NFT ticaret platformu aşağıdaki özelliklere sahip olmalıdır:

  1. NFT'yi listele: Satıcı, NFT'yi listelemek için bir fiyat belirleyebilir.
  2. NFT satın almak: Alıcı, listeye konulan NFT'leri belirlenen fiyatla satın alabilir.
  3. İşlem ücreti alma: platform, işlem fiyatından belirli bir oranda işlem ücreti alabilir.

üzerinde NFT

NFT'leri listeleme süreci aşağıdaki gibidir:

  1. Satıcı, listelemek istediği NFT'yi seçer ve fiyatı belirler
  2. Satıcının yetkilendirdiği işlem sözleşmesi bu NFT'yi işleyebilir.
  3. Sözleşmenin listeleme yöntemini çağırın, listeleme bilgilerini kaydedin

NFT satın al

NFT satın alma süreci aşağıdaki gibidir:

  1. Alıcı satın almak istediği NFT'yi seçer.
  2. Sözleşmenin satın alma yöntemini çağırma
  3. Sözleşme alıcının fonlarını satıcıya aktarırken, aynı zamanda NFT'yi alıcıya aktarır.

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

İşlem Platformu

1. Test NFT'sini oluştur

Remix kullanarak bir ERC-721 protokolü için test amaçlı bir NFT akıtını hızlıca dağıtabilirsiniz.

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

2. İşlem sözleşmesi yazma

Ticaret sözleşmesi aşağıdaki ana yöntemleri gerçekleştirmelidir:

2.1 NFT'yi platforma ekleme

katılık function listNFT(address nftAddress, uint256 tokenId, uint256 price) public { // NFT mülkiyetini doğrulama // Listeleme bilgilerini kaydet // Listeleme olayını tetikle }

2.2 NFT satın alma

katılık function purchaseNFT(address nftAddress, uint256 tokenId) public payable { // NFT satış bilgilerini al // Komisyonu hesapla ve düş // NFT'yi alıcıya transfer et // Satın alma olayını tetikle }

2.3 Listeden kaldır

katılık function cancelListing(address nftAddress, uint256 tokenId) public { // İşlem izinlerini doğrula // Listeleme durumunu geçersiz olarak ayarla // İptal olayı tetiklendi }

2.4 Çekim Ücreti

solidlik function withdrawFees() public onlyOwner { // Sözleşmedeki işlem ücretini aktar }

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

3. Ön uç arayüzü geliştirme

Aşağıdaki araçları kullanarak ön yüz geliştirin:

  • Ant Design Web3: Cüzdan bağlantısı ve NFT sergilemek için
  • Wagmi: Cüzdan ile etkileşim için
  • Next.js + Vercel: projeyi dağıtmak

Ön uç aşağıdaki ana sayfaları içerir:

  • Mint: Test NFT oluşturmak için kullanılır
  • Buy:NFT ticaret platformu, listelenen NFT'leri satın alabilirsiniz.
  • Portföy: Kullanıcının NFT'sini yönetir, listeleme ve kaldırma işlemleri yapabilir.

3.1 Cüzdanı Bağla

Ant Design Web3'ün bağlantı bileşenini kullanarak cüzdan bağlantı işlevini gerçekleştirin.

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

3.2 Mint sayfası

Test amaçlı NFT oluşturmak için NFT sözleşmesinin mint yöntemini çağırın.

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

3.3 Portföy sayfası

  • Kullanıcının sahip olduğu NFT'leri al
  • NFT'nin satışa sunulup sunulmadığını kontrol et
  • NFT listeleme ve kaldırma işlevini gerçekleştirmek

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

3.4 Satın Al Sayfası

  • Tüm listeye alınmış NFT'leri göster
  • Satın alma işlevini gerçekleştirmek

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

Buna göre, temel bir NFT merkeziyetsiz ticaret platformu tamamlanmıştır. Bunu test amacıyla Vercel'e dağıtabilirsiniz.

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

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

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

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

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

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
LiquidationWatchervip
· 07-04 15:00
çok fazla rugpull gördüm, başka bir dex'e güvenemem... o ücretlere ve akıllı sözleşmelere dikkat et fam
View OriginalReply0
hodl_therapistvip
· 07-04 10:30
Gün boyunca akıllı sözleşmeler öğrendikten sonra, front-end'den tekrar başlamalı mıyım?
View OriginalReply0
MetaverseLandladyvip
· 07-01 16:13
Ücretler, bizim kiraya veren kadının kazancının hızla insanları enayi yerine koymak üzere olduğundan daha iyi olmamalıdır.
View OriginalReply0
ChainMelonWatchervip
· 07-01 16:12
Komisyon ücreti tamamen bir zeka vergisi değil mi?
View OriginalReply0
GasFeeCriervip
· 07-01 16:04
Yine yüksek gas coin basıyor. Ne zaman daha ucuz olacak?
View OriginalReply0
FlashLoanKingvip
· 07-01 15:54
gülmekten öldüm, yine akıllı sözleşmelerde yarışıyorlar
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)