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

robot
إنشاء الملخص قيد التقدم

إنشاء منصة تداول NFT اللامركزية من الصفر

في المقالات السابقة، ناقشنا كيفية تحقيق التداول اللامركزي لرموز ERC-20 من خلال DEX. فماذا عن NFTs التي تتبع بروتوكول ERC-721، كيف يمكن تحقيق التداول اللامركزي لها؟

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

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

مقدمة عن NFT

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

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

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

نموذج تداول دفتر الطلبات

في وضع دفتر الطلبات، يتم تحديد أسعار السلع من قبل البشر، على عكس الطريقة التي يتم فيها حساب الأسعار بواسطة الخوارزميات. عادة ما يكون هناك نوعان من أوضاع التداول في دفتر الطلبات:

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

  2. أمر الشراء: يقوم المشتري بإرسال طلب شراء، إذا رأى البائع أن السعر مناسب يمكنه البيع.

بشكل عام، سيكون سعر طلب الشراء أقل من سعر الطلب المحدد. ستركز هذه المقالة على نموذج تداول الطلبات المحددة.

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

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

يجب أن يتضمن DEX NFT الأساسي الميزات التالية:

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

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

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

يجب الحفاظ على جدول أسعار المنتجات المدرجة من قبل المستخدمين في العقد. لتخفيف عبء العقد، يمكن أيضًا تخزين هذه البيانات في خدمة مركزية.

عملية شراء السلع

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

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

تنفيذ NFT DEX

سنقوم أدناه بتنفيذ DEX NFT من الصفر.

1. إنشاء NFT

لأغراض الاختبار، يمكننا إنشاء NFT باستخدام بروتوكول ERC-721 بسرعة من خلال Remix. يمكننا أيضًا استخدام NFT الجاهز مباشرة.

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

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

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

2.1 البائع يعرض NFT

العملية:

  1. يقوم المستخدم باختيار NFT
  2. قم بتعيين السعر ( باستخدام العملات المستقرة أو ETH بقيمة )
  3. منح NFT للعقد
  4. استدعاء طريقة الإدراج

يجب تنفيذ طريقة الإدراج:

  1. التحقق من ملكية NFT
  2. إضافة سجل الإدراج
  3. إطلاق حدث الإدراج

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

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

بعد أن يختار المشتري NFT ويدفع، يتم تنفيذ العقد:

  1. قراءة بيانات NFT
  2. حساب وخصم الرسوم
  3. نقل NFT إلى المشتري
  4. حدث شراء

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

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

يمكنك تعيين حقل isActive للمنتج إلى false.

2.4 استخراج手续费

يمكن إيداع رسوم المعاملة في العقد أو تحويلها إلى عنوان محدد.

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

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

الأداة الرئيسية المستخدمة:

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

يجب أن يتضمن الواجهة الأمامية ثلاثة صفحات: Mint و Buy و Portfolio.

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

3.1 ربط المحفظة

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

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

3.2 صفحة Mint

استخدام طريقة useWriteContract من wagmi لتنفيذ صك NFT.

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

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

عرض NFT المستخدم، يدعم عمليات الإدراج والإزالة.

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

3.4 صفحة الشراء

عرض NFT التي تم إدراجها، ودعم عمليات الشراء.

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

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

شاهد النسخة الأصلية
قد تحتوي هذه الصفحة على محتوى من جهات خارجية، يتم تقديمه لأغراض إعلامية فقط (وليس كإقرارات/ضمانات)، ولا ينبغي اعتباره موافقة على آرائه من قبل Gate، ولا بمثابة نصيحة مالية أو مهنية. انظر إلى إخلاء المسؤولية للحصول على التفاصيل.
  • أعجبني
  • 4
  • إعادة النشر
  • مشاركة
تعليق
0/400
PoolJumpervip
· 07-21 17:01
会整 هو احترافي
شاهد النسخة الأصليةرد0
DogeBachelorvip
· 07-19 17:08
مشكلة لاو التعادل للحديث أكثر عن كيفية العمل
شاهد النسخة الأصليةرد0
BlockTalkvip
· 07-18 22:22
لا يعد فتح الصناديق والإغراق أفضل من تداول العقود بنفسك.
شاهد النسخة الأصليةرد0
ApeDegenvip
· 07-18 22:22
أخيرًا يوجد درس يأخذني إلى الثراء!
شاهد النسخة الأصليةرد0
  • تثبيت