المهارات shopify-apps
📦

shopify-apps

آمن

بناء تطبيقات Shopify بأنماط حديثة

تطوير تطبيقات Shopify يتطلب فهم أنماط التكامل المعقدة. توفر هذه المهارة أنماطًا مجربة للتطبيقات المضمنة، والتعامل مع webhooks، واستخدام GraphQL API.

يدعم: Claude Codex Code(CC)
📊 71 كافٍ
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "shopify-apps". الطلب: إنشاء معالج webhook لتحديثات المنتجات

النتيجة المتوقعة:

ينشئ مسار express مع برنامج وسيط للتحقق من HMAC، ومعالجة غير متزامنة قائمة على قائمة الانتظار، ومتطلب استجابة 200ms المتوافق مع Shopify مع وظيفة خلفية للعمليات الثقيلة.

استخدام "shopify-apps". الطلب: بناء تنقل التطبيق المضمن

النتيجة المتوقعة:

ينشئ مكون تنقل App Bridge مع كتلة تنقل تربط بأقسام الإدارة، والتعرف الصحيح على المسار، وتنسيق تنقل Polaris.

التدقيق الأمني

آمن
v1 • 2/25/2026

Static analyzer flagged two false positives for weak cryptographic algorithms at SKILL.md lines 3 and 46. Both are documentation text, not executable code. Line 3 mentions HMAC verification as a best practice. Line 46 is descriptive text. This is a documentation skill with no code execution risk.

1
الملفات التي تم فحصها
47
الأسطر التي تم تحليلها
0
النتائج
1
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
31
المجتمع
100
الأمان
91
الامتثال للمواصفات

ماذا يمكنك بناءه

هيكلة تطبيق Shopify

إنشاء هيكل كامل لتطبيق Shopify مع Remix و App Bridge و Polaris للبدء السريع بالمشروع.

تنفيذ معالج Webhook

إنشاء نقاط نهاية webhook آمنة مع التحقق الصحيح من HMAC وأنماط المعالجة غير المتزامنة.

تكامل GraphQL API

بناء استعلامات GraphQL وطفرات فعالة لإدارة المنتجات والطلبات والعملاء.

جرّب هذه الموجهات

إنشاء هيكل أساسي لتطبيق Shopify
أنشئ تطبيق Shopify باستخدام Remix مع تكامل App Bridge. ضمّن بنية الملفات الأساسية، وتبعيات package.json، ونقاط الدخول الرئيسية لتطبيق مضمن.
تنفيذ معالج Webhook
أنشئ معالج webhook لـ orders/create webhook. ضمّن التحقق من توقيع HMAC، والمعالجة غير المتزامنة مع قائمة انتظار، والتعامل الصحيح مع الأخطاء لمنطق إعادة المحاولة.
بناء جدول بيانات Polaris
أنشئ مكون Polaris IndexTable لعرض منتجات Shopify. ضمّن تعريفات الأعمدة للعنوان، والبائع، والسعر، والمخزون. أضف الفرز حسب تاريخ الإنشاء والتصفية حسب البائع.
استعلام GraphQL للمنتجات
اكتب استعلام GraphQL لجلب المنتجات مع المتغيرات، بما في ذلك مستويات المخزون عبر المواقع. أضف دعم الترحيل مع التنقل القائم على المؤشر.

أفضل الممارسات

  • استخدم GraphQL Admin API لجميع التطويرات الجديدة بدلاً من REST لأداء ومرونة أفضل
  • عالج webhooks بشكل غير متزامن واستجب خلال 200ms لمنع انتهاء مهلة Shopify
  • اطلب نطاقات الوصول لبيانات العملاء فقط عند الضرورة وتعامل مع طلبات الحذف حسب GDPR

تجنب

  • استخدام REST API لتطوير تطبيقات جديدة عندما يوفر GraphQL إمكانيات أفضل
  • معالجة webhook متزامنة تتجاوز مهلة استجابة Shopify البالغة 200ms
  • استجواب Shopify API للتغييرات بدلاً من استخدام webhooks للتحديثات في الوقت الفعلي

الأسئلة المتكررة

ما هي التقنية الموصى بها لتطبيقات Shopify الجديدة في 2024؟
استخدم Remix مع React Router للواجهة الخلفية، و App Bridge v3 للتجارب المضمنة، و Polaris لمكونات واجهة المستخدم، و GraphQL Admin API لجميع عمليات البيانات.
كيف أتعامل مع انتهاء مهلة webhook من Shopify؟
استجب بحالة 200 خلال 200ms، ثم عالج بيانات webhook بشكل غير متزامن باستخدام قائمة انتظار وظائف. تعيد Shopify المحاولة للـ webhooks الفاشلة مع تراجع أسي.
متى يجب استخدام App Bridge مقابل التنقل المباشر؟
استخدم دائمًا App Bridge للتطبيقات المضمنة في Shopify Admin. يوفر تنقلاً سلسًا، ودعم النوافذ المنبثقة، والتعامل الصحيح مع الجلسة داخل iframe لـ Shopify.
كيف أنفذ الفوترة لتطبيق Shopify الخاص بي؟
استخدم Shopify Billing API مع طفرات GraphQL. أنشئ رسومًا متكررة أو مشتريات لمرة واحدة، وتعامل مع إعادة توجيه عنوان URL للتأكيد، وتحقق من حالة الرسوم قبل منح الوصول.
ما هي حدود المعدل لـ Shopify Admin API؟
تستخدم Shopify خوارزمية leaky bucket مع تحديد معدل قائم على تكلفة الاستعلام. راقب ترويسات X-Shopify-Shop-Domain ومحددات المعدل. استعلامات GraphQL لها تكاليف محسوبة بناءً على التعقيد.
كيف أتعامل مع امتثال GDPR في تطبيق Shopify الخاص بي؟
نفذ معالجات webhook لـ customers/data_request و customers/redact و shop/redact. خزن بيانات العملاء بالحد الأدنى واحذفها عند الطلب خلال 30 يومًا كما يتطلب Shopify.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

مرجع

main

بنية الملفات

📄 SKILL.md