بناء منصة تداول NFT اللامركزية: من العقود الذكية إلى واجهة المستخدم الأمامية

بناء منصة NFT لامركزية من الصفر

بالنسبة لـ NFT التي تتبع بروتوكول ERC-721، كيف يمكن تحقيق اللامركزية في التجارة؟ في الوقت الحالي، الطريقة السائدة لتجارة NFT هي استخدام نموذج دفتر الطلبات، يشبه عرض السلع على الرفوف، حيث يمكن للمشترين الشراء إذا وجدوا السعر مناسبًا. ستتناول هذه المقالة كتابة العقود الذكية وصفحة أمامية بسيطة لإنشاء منصة NFT اللامركزية الأساسية.

! سلسلة Web3 Starter: تنفيذ NFT DEX من البداية

الوظائف الأساسية للمنصة NFT

يجب أن تحتوي منصة NFT الأساسية على الميزات التالية:

  1. إدراج NFT: يمكن للبائع تحديد السعر لإدراج NFT على المنصة
  2. شراء NFT: يمكن للمشتري شراء NFT المعروضة بسعر محدد
  3. استلام الرسوم: يمكن للمنصة أن تأخذ نسبة معينة من سعر الصفقة كرسوم.

عرض NFT

عملية إدراج NFT كالتالي:

  1. يختار البائع NFT الذي يريد عرضه ويحدد السعر
  2. يمكن لعقد التداول الذي يصرح به البائع إجراء عمليات على هذا NFT
  3. استدعاء طريقة إدراج العقد، وتسجيل معلومات الإدراج

شراء NFT

عملية شراء NFT هي كما يلي:

  1. يختار المشتري NFT الذي يريد شراءه
  2. استدعاء طريقة الشراء للعقد
  3. سيتم تحويل أموال المشتري إلى البائع، بينما سيتم تحويل NFT إلى المشتري

! سلسلة Web3 Newbie: تنفيذ NFT DEX من البداية

تحقيق المنصة للتداول

1. إنشاء NFT تجريبي

يمكنك استخدام Remix لنشر عقد NFT بناءً على بروتوكول ERC-721 بسرعة للاختبار.

! سلسلة Web3 Starter: تنفيذ NFT DEX من البداية

2. كتابة عقد التداول

يجب أن تحقق عقود التداول الطرق الرئيسية التالية:

2.1 إدراج NFT

السوليديتي function listNFT(address nftAddress, uint256 tokenId, uint256 price) public { // تحقق من ملكية NFT // سجل معلومات الإدراج
// تفعيل حدث الإدراج }

2.2 شراء NFT

السوليديتي وظيفة purchaseNFT(address nftAddress, uint256 tokenId) عامة مستحقة الدفع { // الحصول على معلومات إدراج NFT // حساب وخصم الرسوم // نقل NFT إلى المشتري // حدث شراء
}

2.3 إلغاء الإدراج

صلابه وظيفة cancelListing(address nftAddress, uint256 tokenId) public { // التحقق من صلاحيات العملية // تعيين حالة الإدراج على أنها غير صالحة // حدث إلغاء التشغيل }

2.4 استخراج الرسوم

صلابه وظيفة withdrawFees() العامة فقطالمالك { // رسوم المعاملات في العقد المتنقل }

! سلسلة Web3 Starter: تنفيذ NFT DEX من البداية

3. تطوير واجهة المستخدم

استخدم الأدوات التالية لتطوير الواجهة الأمامية:

  • Ant Design Web3:لربط المحفظة وعرض NFT
  • Wagmi: للتفاعل مع المحفظة
  • Next.js + Vercel: نشر المشروع

الواجهة الأمامية تتضمن الصفحات الرئيسية التالية:

  • Mint: يستخدم لإنشاء NFT اختبارية
  • شراء: سوق NFT, يمكن شراء NFT المعروضة.
  • المحفظة: إدارة NFT الخاصة بال مستخدم، يمكن إدراجها وإزالتها

3.1 ربط المحفظة

استخدام مكون الاتصال الخاص بـ Ant Design Web3 لتنفيذ وظيفة اتصال المحفظة.

Web3المبتدئين السلسلة: من الصفر لتحقيق NFT DEX

3.2 صفحة المينت

استدعاء طريقة mint لعقد NFT لإنشاء NFT تجريبي.

! سلسلة Web3 Newbie: تنفيذ NFT DEX من البداية

3.3 صفحة المحفظة

  • الحصول على NFT التي يمتلكها المستخدم
  • تحديد ما إذا كان NFT قد تم إدراجه
  • تنفيذ ميزة إدراج وإزالة NFT

! سلسلة Web3 Starter: تنفيذ NFT DEX من البداية

3.4 صفحة الشراء

  • عرض جميع NFT المدرجة
  • تنفيذ وظيفة الشراء

! سلسلة Web3 Starter: تنفيذ NFT DEX من البداية

بهذا، تم الانتهاء من منصة تداول NFT اللامركزية الأساسية. يمكن نشرها على Vercel للاستخدام التجريبي.

! سلسلة Web3 Starter: تنفيذ NFT DEX من البداية

! سلسلة Web3 Starter: تنفيذ NFT DEX من البداية

! سلسلة Web3 Starter: تنفيذ NFT DEX من البداية

! سلسلة Web3 Starter: تنفيذ NFT DEX من البداية

! سلسلة Web3 Newbie: تنفيذ NFT DEX من الصفر

شاهد النسخة الأصلية
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.
  • أعجبني
  • 6
  • مشاركة
تعليق
0/400
LiquidationWatchervip
· 07-04 15:00
لقد مررت بالعديد من عمليات الاحتيال حتى لا أثق في dex آخر... راقب تلك الرسوم والعقود الذكية عائلتي
شاهد النسخة الأصليةرد0
hodl_therapistvip
· 07-04 10:30
لقد درست العقود الذكية طوال اليوم، فهل يجب أن أبدأ من الواجهة الأمامية؟
شاهد النسخة الأصليةرد0
MetaverseLandladyvip
· 07-01 16:13
لا يجب أن تكون الرسوم أعلى من ما تكسبه مديرة الإيجار، لقد أوشك كل ما كسبته على أن يُخدع الناس لتحقيق الربح.
شاهد النسخة الأصليةرد0
ChainMelonWatchervip
· 07-01 16:12
الرسوم هي ضريبة ذكاء بحتة، أليس كذلك؟
شاهد النسخة الأصليةرد0
GasFeeCriervip
· 07-01 16:04
مرة أخرى ترتفع غاز عملة، متى ستصبح أقل تكلفة؟
شاهد النسخة الأصليةرد0
FlashLoanKingvip
· 07-01 15:54
笑死 又在卷 العقود الذكية
شاهد النسخة الأصليةرد0
  • تثبيت