اذهب إلى المحتوى

السؤال

نشر

أريد شرح الخطوات لرفع مشروع موقع الكتروني مبني بواسطة ريأكت React بطريقة سليمة، كيفية وضع الملفات و المجلدات وضبط إعدادات المخدم، 

وكيف أعرف متطلبات تشغيل المشروع، هل يوجد فرق إن كان مشروع React جزئاً من موقع أو مستقل بحد ذاته

Recommended Posts

  • 1
نشر

يمكنك رفع مشروع react ببضع نقرات عن طريق vercel

أولا قم برفع المشروع على github ثم قم بالتسجيل في موقع vercel بحساب ال github الخاص بك ثم اضغط على new project واختر المستودع الخاص بك واضغط على import وبعد لحظات سيكون مرفوعا ويمكنك زيارته وستجده في vercel dashboard وبالضغط عليه ستجد setting الخاصة به من هناك يمكنك اظافة متغيرات البيئة و اظافة دومين وكما أنك ايضا ستتمتع ب CI أي عندما تقوم ب PUSH للمستودع يتم بناء والرفع من جديد هناك تلقائيا

  • 1
نشر

إن عملية رفع مشروع React تتضمن فقط عملية نقل الملفات إلى الاستضافة حيث أن المشروع سيكون عبارة عن ملفات ساكنة static files من HTML - CSS - JS والتي - بعد اختبار تطبيق - سوف تقوم ببناء النسخة الإنتاجية منه التي ستقوم برفعها على الانترنت، فإن كنت تستخدم npm مدير الحزم، اكتب الأمر:

npm run build

حيث سيتم تشكيل مجلد فيه الناتج النهائي من عملية ضفط وربط ملفات مشروعك وهذا المجلد سيكون الجذر لملفات الموقع "الواجهات الأمامية"

يمكن رفع تطبيقات ريأكت React على أي استضافة، ولا تحتاج لقاعدة بيانات بنفسها أو أي مخدم.

  • أيضا يمكن استعراضها على github pages 
  • على firebase بعد إنشاء حساب في الخدمة ثم ضمن المشروع نقوم بتهئيته لرفعه 
    npm i -g firebase
    firebase init
    firebase deploy 

    سيتخلل إضافة بعض الإعدادات لتوافق مشروعك في Firebase

لايتطلب إعدادات إضافية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...