رفع تطبيق React على Heroku

الخطأ هنا أنه بحاجة إلى ملف package.json في ملف الرووت، جرب رفع ال frontend في مشروع منفصل وكذلك ال backend، وتأكد من البناء الصحيح للملفات،  وأظن ان هذا ما يجب اتباعه لأنه (إن لم اكن مخطئ)  كل مشروع له ملف ال package.json الخاص به، وليس ملف واحد للfrontend وال backend. 

علق بسكرين شوت توضح تنظيم وبناء ملفات المشروع في ال root directory حتى نتمكن من مساعدتك.

بتاريخ 20 دقائق مضت قال Hossam Mohamed15:

الخطأ هنا أنه بحاجة إلى ملف package.json في ملف الرووت، جرب رفع ال frontend في مشروع منفصل وكذلك ال backend، وتأكد من البناء الصحيح للملفات،  وأظن ان هذا ما يجب اتباعه لأنه (إن لم اكن مخطئ)  كل مشروع له ملف ال package.json الخاص به، وليس ملف واحد للfrontend وال backend. 

علق بسكرين شوت توضح تنظيم وبناء ملفات المشروع في ال root directory حتى نتمكن من مساعدتك.

نعم تفضل:

package.json باللون الاحمر انا اضفته في ملف الرووت املا ان يحل المشكل.

حسناً كما أخبرتك سابقاً، يجب رفع ال client مستقلاً عن ال server.. لانهما حسبما أرى تطبيقين منفصلين بالنسبة لهيروكو، فهو بحاجة لعمل build لكل منهما على حدة. 

بتاريخ 2 دقائق مضت قال Hossam Mohamed15:

حسناً كما أخبرتك سابقاً، يجب رفع ال client مستقلاً عن ال server.. لانهما حسبما أرى تطبيقين منفصلين بالنسبة لهيروكو، فهو بحاجة لعمل build لكل منهما على حدة. 

حسننا ولكن هل ارفعهم باسمين منفصلين ؟ هكذا كل واحد لديه domain مختلف.

ماهي الطريقة الصحيحة؟

شكرا مسبقا.

اجل سيصبح لكل واحد دومين منفصل .. يمكنك ان تبحث أيضاً عن ال sub domains وكيفية تطبيقها

تمنياتي بالتوفيق 

بتاريخ 1 ساعة قال Hossam Mohamed15:

اجل سيصبح لكل واحد دومين منفصل .. يمكنك ان تبحث أيضاً عن ال sub domains وكيفية تطبيقها

تمنياتي بالتوفيق 

السلام عليكم،

لقد فعلت ما نصحتني به، ولكن لم يعمل معي.

هنا يجب ان تكمل ال configuration الخاصة بالتطبيق 

بالنسبة لخطأ Application error ، فهذا بسبب ان heroku بحاجة إلى ملف procfile وبداخله اكتب web: node ./app.js .. لان هيروكو لا يعلم كيف يبدأ التطبيق، بعدها قم بعمل push على GitHub بالتعديل وتأكد انك مفعل Automatic deploy حتى يستطيع قراءة التعديلات على الrepo اول بأول. 

بالنسبة للخطأ الثاني invalid host header

قم بانشاء ملف env.development. 

واكتب فيه HOST=name.herokuapp.com 

مع تغيير name باسم التطبيق 

بتاريخ 4 ساعة قال Hossam Mohamed15:

هنا يجب ان تكمل ال configuration الخاصة بالتطبيق 

بالنسبة لخطأ Application error ، فهذا بسبب ان heroku بحاجة إلى ملف procfile وبداخله اكتب web: node ./app.js .. لان هيروكو لا يعلم كيف يبدأ التطبيق، بعدها قم بعمل push على GitHub بالتعديل وتأكد انك مفعل Automatic deploy حتى يستطيع قراءة التعديلات على الrepo اول بأول. 

بالنسبة للخطأ الثاني invalid host header

قم بانشاء ملف env.development. 

واكتب فيه HOST=name.herokuapp.com 

مع تغيير name باسم التطبيق 

 

السلام عليكم،

للأسف لم يعمل معي.

يمكن ان تكون المشكلة في شئ ما آخر. 
انصحك بمشاهدة هذه الفيديوهات