الانتقال إلى المحتوى الرئيسي
SDK الفوترة هو حل شامل مفتوح المصدر يوفر بنية تحتية كاملة للفوترة لتطبيقات الويب الحديثة. يتضمن مكونات React، أدوات CLI، ودعم التكامل الكامل مع عدة أطر عمل مع مدفوعات دودي.

نظرة عامة

يوفر SDK الفوترة:
  • مكونات React: مكونات فوترة مسبقة البناء وقابلة للتخصيص لتطبيقات React
  • أدوات CLI: واجهة سطر الأوامر لتهيئة المشروع وإدارة المكونات
  • دعم الأطر: التكامل مع Next.js، Express.js، Hono، Fastify، وReact
  • موفر الدفع: تكامل كامل مع مدفوعات دودي

بدء سريع

ابدأ مع SDK الفوترة في دقائق:
1

تثبيت CLI

استخدم npx لتشغيل CLI بدون تثبيت:
npx @billingsdk/cli --help
أو قم بتثبيته عالميًا للاستخدام المتكرر:
npm install -g @billingsdk/cli
2

تهيئة مشروع

قم بتشغيل الإعداد التفاعلي لإنشاء مشروع فوترة جديد:
npx @billingsdk/cli init
سيتم مطالبتك باختيار:
  • إطار العمل المفضل لديك (Next.js، Express.js، Hono، Fastify، React)
  • موفر الدفع الخاص بك (مدفوعات دودي)
3

إضافة مكونات

أضف مكونات فوترة فردية إلى مشروعك:
npx @billingsdk/cli add pricing-table-one
npx @billingsdk/cli add subscription-management

الأطر المدعومة

يدعم SDK الفوترة عدة أطر مع تكامل شامل مع مدفوعات دودي:
الإطارمدفوعات دودي
Next.js✅ نعم
Express.js✅ نعم
Hono✅ نعم
React✅ نعم
Fastify✅ نعم

أوامر CLI

@billingsdk/cli init

تهيئة مشروع فوترة جديد مع إعداد كامل بما في ذلك تكوين الإطار، تكامل مدفوعات دودي، والاعتماديات الأساسية. ما الذي يفعله:
  1. اختيار الإطار: اختر إطار العمل المفضل لديك
  2. تثبيت القالب: يقوم بتنزيل وتثبيت قوالب محددة للإطار مع تكامل مدفوعات دودي
  3. إدارة الاعتماديات: يقوم تلقائيًا بتثبيت الاعتماديات المطلوبة
  4. إنشاء الملفات: ينشئ ملفات التكوين الضرورية وكود البداية
مثال:
npx @billingsdk/cli init

@billingsdk/cli add

أضف مكونات فوترة فردية إلى مشروعك الحالي باستخدام نظام تسجيل shadcn/ui. أمثلة:
# Add a pricing table
npx @billingsdk/cli add pricing-table-one

# Add subscription management
npx @billingsdk/cli add subscription-management

# Add usage monitoring
npx @billingsdk/cli add usage-meter-circle
ما الذي يحدث:
  1. يقوم بتنزيل تكوين المكون من السجل
  2. يقوم بتثبيت ملفات المكون في دليل components/billingsdk/ الخاص بك
  3. يقوم بتحديث تكوين مشروعك إذا لزم الأمر
  4. يقوم بتثبيت أي اعتماديات إضافية

هيكل الملفات الناتجة

بعد تشغيل init، ستحصل على هيكل مشروع كامل مع:
  • مسارات API: نقاط نهاية شاملة للدفع، العملاء، المنتجات، الاشتراكات، وwebhooks
  • خطافات: خطافات React لعمليات الفوترة (إذا كنت تستخدم React/Next.js)
  • ملفات المكتبة: تهيئة عميل موفر الدفع والأدوات المساعدة
  • تكوين البيئة: ملفات متغيرة البيئة كمثال

هيكل مثال Next.js

your-project/
├── app/api/
│   └── (dodopayments)/
│       ├── checkout/route.ts
│       ├── customer/route.ts
│       ├── customer/payments/route.ts
│       ├── customer/subscriptions/route.ts
│       ├── product/route.ts
│       ├── products/route.ts
│       └── webhook/route.ts
├── hooks/
│   └── useBilling.ts
├── lib/
│   └── dodopayments.ts
└── .env.example

تكوين البيئة

قم بتكوين متغيرات البيئة الخاصة بك بعد التهيئة:
# DodoPayments
DODO_PAYMENTS_API_KEY=your_api_key_here
DODO_PAYMENTS_ENVIRONMENT=test_mode
DODO_PAYMENTS_WEBHOOK_KEY=your_webhook_key_here

# App URL
NEXT_PUBLIC_APP_URL=http://localhost:3000
احفظ دائمًا مفاتيح API الخاصة بك بشكل آمن باستخدام متغيرات البيئة. لا تقم أبدًا بالتزامها في التحكم في الإصدارات.

المكونات المتاحة

يوفر SDK الفوترة مجموعة شاملة من مكونات React:
  • جداول الأسعار: عدة متغيرات لعرض أسعار المنتجات
  • إدارة الاشتراكات: مكونات لإدارة اشتراكات العملاء
  • مراقبة الاستخدام: مكونات بصرية لتتبع الفوترة المعتمدة على الاستخدام
  • مكونات الدفع: تدفقات دفع مسبقة البناء
  • بوابة العملاء: مكونات لخدمة العملاء الذاتية

مفتوح المصدر

تم بناء SDK الفوترة على مبادئ مفتوحة المصدر:
  • 🔍 الشفافية: رؤية كاملة لكيفية عمل المكونات
  • 🤝 المجتمع: مبني من قبل المطورين، للمطورين
  • 🔒 الأمان: الكود المفتوح يعني أمانًا أفضل من خلال مراجعة الأقران
  • 📈 الابتكار: تكرار أسرع من خلال مساهمات المجتمع
تم إصدار SDK الفوترة بموجب رخصة جنو العامة (GPL)، مما يضمن بقاء المشروع مفتوحًا ومجانيًا.

الحصول على المساعدة

تحتاج إلى مساعدة بشأن SDK الفوترة؟

المساهمة

نرحب بالمساهمات! راجع دليل المساهمة للحصول على تفاصيل حول:
  • الإبلاغ عن الأخطاء
  • طلب الميزات
  • تقديم طلبات السحب
  • إضافة مكونات جديدة
  • تحسين التوثيق

تعرف على المزيد