من الصفر تنفيذ عملية تطوير منصة تداول NFT اللامركزية بالكامل

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

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

مقدمة عن NFT

NFT هو رمز غير قابل للتبادل، يتبع معيار بروتوكول ERC-721. كل NFT فريد من نوعه، وعادةً ما يتم عرضه في محفظة على شكل صور مختلفة، ويملك معرفًا فريدًا للتمييز.

بسبب خصائص NFT، لا يمكن تحديد سعر التداول من خلال منحنى السعر مثل رموز ERC-20. الطريقة الشائعة الحالية للتداول هي استخدام شكل دفتر الطلبات.

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

نمط تداول دفتر الأوامر

نموذج دفتر الطلبات لديه نوعان رئيسيان:

  1. أمر التسعير: يحدد البائع السعر، ويمكن للمشتري الشراء إذا كان السعر مناسبًا.

  2. طلب الشراء: يقوم المشتري بنشر طلب الشراء، والبائع يوافق على السعر ليقوم بالبيع.

سيركز هذا المقال على نموذج تسعير الطلب.

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

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

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

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

عملية الإدراج

  1. الواجهة الأمامية: يختار المستخدم NFT ويحدد السعر
  2. العقد: المستخدم يمنح إذن لعمليات العقد على NFT

يجب الحفاظ على جدول أسعار المنتجات المدرجة داخل العقد.

عملية الشراء

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

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

تطوير منصة NFT

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

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

سلسلة المبتدئين في Web3: كيفية إنشاء DEX NFT من الصفر

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

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

2.1 البائع يدرج NFT

  • تحقق من ملكية NFT
  • إضافة سجل الإدراج
  • تفعيل حدث الإدراج

2.2 المشتري يشتري NFT

  • قراءة بيانات NFT
  • حساب وخصم الرسوم
  • نقل NFT إلى المشتري
  • حدث الشراء

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

  • وسم سجل الإدراج على أنه غير صالح

2.4 رسوم السحب

  • تحويل الرسوم المتراكمة

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

3. تطوير واجهة أمامية

استخدم الأدوات التالية:

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

الصفحة الرئيسية:

  • النعناع: اختبار النعناع NFTs
  • شراء: سوق NFT
  • المحفظة: إدارة NFT المستخدم

3.1 ربط المحفظة

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

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

3.2 صفحة المينت

استدعاء طريقة Mint في العقد لصك NFT.

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

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

  • عرض جميع NFT الخاصة بالمستخدم
  • دعم عمليات إدراج وإزالة NFT
  • يجب تفويض NFT للعقد قبل الإدراج

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

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

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

3.4 صفحة الشراء

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

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

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

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

! سلسلة 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.
  • أعجبني
  • 5
  • مشاركة
تعليق
0/400
BearMarketSagevip
· منذ 23 س
رؤى قيمة满满请多更新
شاهد النسخة الأصليةرد0
GasFeeCriervip
· 07-04 19:15
تطوير العقد بطريقة مميتة
شاهد النسخة الأصليةرد0
FlyingLeekvip
· 07-04 08:21
رؤى قيمة收藏必备了
شاهد النسخة الأصليةرد0
BearMarketLightningvip
· 07-02 03:39
التقنية الأساسية مفيدة للغاية
شاهد النسخة الأصليةرد0
ApeWithAPlanvip
· 07-02 03:20
هل يمكن للواجهة الأمامية منع الحقن؟
شاهد النسخة الأصليةرد0
  • تثبيت