الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

wp decoupled ⚡

هذا عبارة عن مجموعة من الرؤوس الخاصة بـ WordPress ، تم تصميمها باستخدام JS التالي ، WebPack ، Babel ، Node ، Express.

موقع تجريبي مباشر.

عرض مباشر

العرض التوضيحي؟

ابدء ؟

ستجلب لك هذه التعليمات نسخة من المشروع وتشغيلها على جهازك المحلي لأغراض التطوير.

التثبيت؟

  1. استنساخ هذا الريبو في [email protected]:rtCamp/wp-decoupled.git
  2. cd wp-decoupled
  3. nvm use
  4. npm install

تكوين الواجهة الخلفية (موقع WordPress)؟

1. أضف دعم GraphQL على WordPress

  1. استنساخ وتنشيط الإضافات التالية ، في دليل البرنامج المساعد WordPress الخاص بك:

    • WP-Graphql يعرض GraphQL لـ WordPress
    • WP-GRAPHQL-JWT-Auettication يمتد هذا البرنامج المساعد المكون الإضافي WP-GRAPHQL لتوفير المصادقة باستخدام JWT.
    • يوفر WP-GraphiQl Graphiql IDE (ملعب) إلى WP-Admin
    • يضيف WP-Graphql-WooCommerce وظيفة WooCommerce إلى مخطط WPGraphQL (تم اختباره حتى V0.7.0 من WP-Graphql-WooCommerce)

  2. يمكنك أيضًا استيراد منتجات WooCommerce الافتراضية التي تأتي مع مكون إضافي WooCommerce للتطوير (إذا لم يكن لديك أي منتجات في تثبيت WordPress الخاص بك) WP Dashboard> أدوات> منتجات WooCommerce (CSV): ملفات WooCommerce الافتراضية CSV متاحة في wp-content/plugins/woocommerce/sample-data/sample_products.csv

2. للمصادقة

أ. يمكنك استخدام أي رمز سري من اختيارك ، ومع ذلك سيكون من الأفضل أن تقوم بإنشاء واحد باستخدام WordPress Salt Generator (https://api.wordpress.org/secret-key/1.1/salt/) لإنشاء سر. واختر أي واحد من الرمز المميز وأضفه بدلاً من "السرية السرية" أدناه:

حدد سرًا في wp-config.php من دليل WordPress الخاص بك: 

 define( 'GRAPHQL_JWT_AUTH_SECRET_KEY', 'your-secret-token' );

ب. اعتمادًا على بيئتك الخاصة ، قد تضطر إلى البحث في كيفية تمكين هذه الرؤوس ، ولكن في Apache ، يمكنك القيام بما يلي في .htaccess الخاص بك: 

 SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1

تكوين الواجهة الأمامية؟

  • إعادة تسمية .env.example إلى .env وتحديث التفاصيل الخاصة بك 
 SITE_URL=http://localhost:3000
NEXT_PUBLIC_WOO_SITE_URL=http://yourwocommercesite.com
WOO_CONSUMER_KEY=xxxxx
WOO_SECRET=xxxxx

الأوامر

  • يقوم npm run dev بتشغيل خادم العقدة في وضع التطوير
  • npm run dev:inspect تشغيل خادم DEV باستخدام المفتش
  • يقوم npm run server بتشغيل خادم Produciton التالي
  • npm run lint يدير Linter
  • يقوم npm run format بتشغيل Formatter
  • npm run build يخلق البناء التالي

باستخدام PWA على الهاتف المحمول

  • افتح الموقع في Chrome على هاتفك المحمول ثم انقر فوق ADD إلى الشاشة الرئيسية.
  • سيتم تنزيله وحفظه كتطبيق ويب تقدمي على هاتفك المحمول.
  • بمجرد إضافتها ، انظر إلى تطبيق WP Decoupled على هاتفك المحمول.
  • سيعمل هذا PWA حتى عندما تكون في وضع عدم الاتصال.

معلومات الفروع؟

  1. Master Main React Woocommerce موضوع
  2. تطوير للاختبار
  3. WP-Docoupled-BoilerPlate Boilerplate لبدء مشروع React الجديد مع تطبيق PWA (العمل قيد التقدم)

مؤلف

  • RTCAMP

المساهمين؟

  • قال عمران
  • محمد محسين
  • ديفياراج ماساني
  • سيد تاكي
  • فيبين كومار دينكار
  • بيلال ديف

رخصة ؟

تم ترخيص هذا المشروع بموجب ترخيص معهد ماساتشوستس للتكنولوجيا - راجع ملف الترخيص.

هل هذا يهمك؟

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل