laravel react sample app
2.0
هذا هو تطبيق BigCommerce أساسي مع شاشتين، وعرض ملخص الكتالوج وقائمة الطلبات التي يمكن إلغاؤها، والتي تم إنشاؤها باستخدام Laravel وReact.
إنه يهدف إلى تتبع قدرتك بسرعة على تحويل مفهوم التطبيق إلى شيء يمكن استخدامه داخل لوحة تحكم BigCommerce. يمكن للمتجر المباشر تثبيت هذا التطبيق أثناء تشغيله محليًا.
يمكن قراءة الإرشادات التفصيلية حول الخطوات المتخذة لإنتاج هذا التطبيق، إلى جانب الخطوات المطلوبة لإنشاء التطبيق في BigCommerce، هنا.
قبل البدء، ستحتاج إلى التأكد من استيفاء متطلبات النظام:
لتسهيل عملية تطوير PHP وتمكين مشاركة التطبيق الذي تقوم بتطويره بسهولة، ستحتاج إلى استخدام Valet أو Homestead، اعتمادًا على نظام التشغيل لديك:
سنستخدم Valet في بعض الخطوات أدناه، ولكن وظيفة استضافة المواقع ومشاركتها متشابهة عبر كل من Valet وHomestead. الأهم في هذا البرنامج التعليمي هو كيفية ضبط Laravel لاستخدام React والتواصل مع BigCommerce.
لتثبيت تبعيات PHP:
composer installوتبعيات JS:
npm installللاختبار على متجر BigCommerce، يمكنك إنشاء نسخة تجريبية مجانية على bigcommerce.com أو طلب متجر Sandbox مجاني عن طريق الاشتراك لتكون شريكًا تقنيًا.
هذا هو المكان الذي سننشئ فيه خطًا أساسيًا للتطوير المستقبلي: تطبيق بسيط يتم تحميله على عنوان URL محدد في متصفحك ويقوم بتحميل مكون React بدلاً من شاشة Laravel الافتراضية.
إنشاء قاعدة بيانات Laravel جديدة يمكنك إما استخدام أمر Laravel الذي ينشئ النموذج الأولي لتطبيق ما في الدليل ~/Sites أو استخدام Composer:
composer global require laravel/installer
laravel new laravel-react-bigcommerce-appأو
composer create-project laravel/laravel laravel-react-bigcommerce-appتفضل بزيارة عنوان التطبيق للتأكد من أنه متاح محليًا:
بعد اكتمال الأمر أعلاه، سنحتاج إلى إعداد الدليل حتى يتمكن Valet من خدمة التطبيق بشكل آمن.
cd laravel-react-bigcommerce-app
valet link
valet secureمن المفترض أن تكون الآن قادرًا على زيارة عنوان URL التالي في متصفحك ورؤية شاشة الترحيب الافتراضية لـ Laravel:
https://laravel-react-bigcommerce-app.test
يوفر Larvel Breeze نقطة بداية بسيطة وبسيطة لبناء تطبيق Laravel، مع ميزات المصادقة. يتم تشغيله بواسطة Blade وTailwind ولكن يمكن تهيئته كمنتجع صحي باستخدام القصور الذاتي. في هذا المثال، سنقوم بتزويد الواجهة الأمامية لدينا بالتفاعل.
لنقم أولاً بتثبيت Breeze:
composer require laravel/breeze --devثم نقوم بتثبيت سقالات التفاعل:
php artisan breeze:install react ملاحظة: تم تنفيذ هذا الأمر الأخير npm install لذا لا داعي لتشغيل هذا الأمر.
أخيرًا، قم بتشغيل التطبيق:
npm run dev يجب أن يكون عنوان URL Local متاحًا الآن في وحدة التحكم الخاصة بك لزيارة تطبيق التفاعل الخاص بك
http://127.0.0.1:5173/
https://laravel.com/docs/10.x/installation#your-first-laravel-project https://laravel.com/docs/10.x/starter-kits
طلبات السحب هي موضع ترحيب. لإجراء تغييرات كبيرة، يرجى فتح مشكلة أولاً لمناقشة ما تريد تغييره.
معهد ماساتشوستس للتكنولوجيا
