Skip to main content
منتج أطلس التوضيحي - منصة توليد الفن بالذكاء الاصطناعي مع الفوترة المدمجة
Atlas هو تطبيق تجريبي عملي من Dodo Payments: منصة لتوليد الفن بالذكاء الاصطناعي، حيث تعمل كل عملية شراء عبر صفحة الدفع في Dodo Payments في وضع الاختبار. يوضّح التطبيق الفوترة القائمة على الأرصدة والاشتراكات والمدفوعات لمرة واحدة، بدءًا من اختيار الخطة ووصولًا إلى لوحة المعلومات بعد الشراء.
العرض التجريبي المباشر: زُر atlas.dodopayments.com لاستكشاف المنصة واختبار كل تدفقات الفوترة.

​
نظرة عامة

يحاكي Atlas منصة لتوليد الفن بالذكاء الاصطناعي، حيث ينشئ المستخدمون صورًا من مطالبات نصية. تقدم صفحة التسعير أربع خطط، تمثل كل منها نموذج فوترة مختلفًا:
  • أرصدة Starter (أرصدة مدفوعة مسبقًا): $10 مقابل 10 أرصدة لا تنتهي صلاحيتها أبدًا.
  • حزمة الأرصدة (اشتراك قائم على الأرصدة): $10 شهريًا مقابل 25 رصيدًا شهريًا، مع ترحيل 50% من الأرصدة وتنبيهات انخفاض الرصيد.
  • Unlimited Pro (اشتراك): $20 شهريًا مقابل توليد صور غير محدود.
  • التنزيلات الخاصة (شراء لمرة واحدة): $12 مقابل حزمة تضم 12 عملًا فنيًا.
تخفض الفوترة السنوية سعر حزمة الأرصدة إلى $8 شهريًا وسعر Unlimited Pro إلى $16 شهريًا. يفتح محدد وضع الدفع في صفحة التسعير صفحة الدفع باعتبارها إعادة توجيه أو نافذة تراكبية أو مضمّنة داخل الصفحة. بعد إتمام عملية الشراء، يصل المستخدمون الذين سجّلوا الدخول إلى لوحة معلومات Atlas Studio، حيث ينشئون الأعمال الفنية ويتابعون أرصدتهم أو حالة خطتهم.

​
تدفقات الشراء

تتبع التدفقات الثلاثة النمط نفسه. ويستخدم كل منها نموذج فوترة ونوع منتج مختلفين.
1

Select the Credit Pack

في صفحة التسعير، انقر على شراء الأرصدة ضمن خطة حزمة الأرصدة ($10 شهريًا مقابل 25 رصيدًا). تستخدم كل صورة ينشئها العميل أرصدة من المخصص الشهري، بينما تُرحّل الأرصدة غير المستخدمة جزئيًا.
2

Sign In or Continue as a Guest

يسأل Atlas عمّا إذا كنت تريد تسجيل الدخول، ما يحفظ عملية الشراء في حساب، أو المتابعة كضيف.
3

Complete Checkout

تتضمن عملية الدفع ما يلي:
  • صفحة دفع تحمل العلامة التجارية: تعرض صفحة الدفع في Dodo Payments اسم العلامة التجارية للتاجر وشعاره.
  • معلومات العميل: يُدخل العميل بياناته وعنوان الفوترة.
  • حساب الضريبة: تُحتسب الضريبة بعد تأكيد العميل لعنوانه.
  • الدفع: يُدخل العميل بيانات بطاقة اختبار لإكمال المعاملة.
استخدم بطاقة الاختبار 4242 4242 4242 4242 بتاريخ انتهاء الصلاحية 06/32 ورمز CVV ‏123 لمحاكاة عملية دفع ناجحة. راجع عملية الاختبار لمزيد من بطاقات الاختبار.
4

View Confirmation

بعد نجاح الدفع، يؤكد Atlas عملية الشراء. ينتقل المستخدم الذي سجّل الدخول إلى لوحة المعلومات. أما الضيف، فيرى ملخصًا للدفع يتضمن الخطة وحالة الدفع.
5

Access Dashboard

يصل المستخدمون الذين سجّلوا الدخول إلى لوحة معلومات Atlas Studio، التي تعرض الأرصدة المتبقية لهذا الشهر وتخصم الأرصدة أثناء إنشاء الأعمال الفنية.

​
تجربة لوحة المعلومات بعد الشراء

توضح لوحة معلومات Atlas Studio كيفية إنشاء ميزات تراعي الفوترة بعد إتمام الدفع: فهي تقرأ ما اشتراه العميل وتفعّل مستوى الوصول المطابق.

​
ميزات لوحة المعلومات

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

​
التنفيذ التقني

Atlas هو تطبيق Next.js. تستدعي معالجات المسارات فيه واجهة Dodo Payments API مباشرةً، مثلًا POST /checkouts لإنشاء جلسة دفع، بينما تفتح حزمة dodopayments-checkout عملية الدفع في نافذة تراكبية أو بشكل مضمّن داخل الصفحة. لإنشاء التدفقات نفسها باستخدام عميل مكتوب، استخدم حزمة Dodo Payments TypeScript.

Integration Guide

ادمج تدفقات الدفع في Dodo Payments داخل تطبيقك.

TypeScript SDK

وثائق حزمة TypeScript ومرجع API.

​
مفتوح المصدر

Atlas مفتوح المصدر. اقرأ الشيفرة لمعرفة كيفية تنفيذ كل تدفق فوترة في تطبيق عملي.

View on GitHub

تصفّح الشيفرة المصدرية لـ Atlas.
آخر تعديل في ٢٦ سبتمبر ٢٠٢٦