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

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

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

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

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

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

./ngrok http 3000

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

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

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

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

HTTPS=true

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