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

تشغيل مشروع React مع HTTPS

Adam Ebrahim

السؤال

أريد أن أشغل مشروع React محليُا لكن بإستخدام HTTPS ولا أعرف كيف، بحثت عن طريقة تثبيت شهادة SSL محليًا أو مع NPM ولكن لم أجد نتيجة أو شرح لكيفية فعل ذلك، هل يمكن فعل ذلك من الأساس أم يجب أن أقوم برفع التطبيق على إستض

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

يمكنك عمل ذلك من خلال ال create react app عن طريق كتابة  HTTPS=true&&react-scripts قبل الأمر start في ملف ال pachage.json كالتالي

"scripts": {
  "start": "set HTTPS=true&&react-scripts start",
    ...
}

وسيعمل المشروع بشكل صحيح

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

يمكنك استخدام ngrok إنها أداة لإنشاء نفق آمن على جهازك المحلي مع عنوان URL عام يمكنك استخدامه لتصفح موقعك المحلي. الإعداد سهل للغاية أيضًا.

يمكنك تحميله من هنا ثم قم بتشغيل مشروع react عادي ثم بعدها قم بتشغيل ngrok على الport الذي يشتغل عليه مشروع ال react

./ngrok http 3000

1_v1ELP7ZT6JjcPl8lq1jzRQ.thumb.png.bc2255f92f12a8b5d89e68bb70fcf509.png

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

بكل بساطه يمكنك القيام بالخطوات التاليه 

1- قم بإنشاء ملف .env في المسار الرئيسي للمشروع الخاص بك 

  • لاتنسى أن تقوم بإضافة إسم هذا الملف إلى ملف ".gitignore" 

2- في ملف .env قم قم بإضافة التالي

HTTPS=true

3- قم بتشغيل المشروع بالطريقة المعتاده لذلك سوف يظهر لك التحذير المرفق  قم بالضغط على "Advanced" ثم "Proceed to localhost (unsafe)" وسوف يعمل معك المشروع بالشكل المطلوب

 

12111.PNG

رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...