آپلود پروژه next.js روی هاست cpanel

Faeze Hadi — Wed, 29 Jun 2022 13:57:15 +0430

شاید برای خیلی از دوستان که تازه کار با Next js رو شروع کردن و پروژشون آماده آپلود روی هاستشون هست این سوال پیش بیاد که چطور باید پروژه Next js رو روی هاست سی پنل آپلود کنن؟ آیا با آپلود React متفاوت هست ؟ باید بگیم بله تفاوت داره. حالا برای حل این مشکل که خودم ابتدا دنبال یک داکیومنت خوب ازش بودم و از سرچ هایی که انجام دادم نتیجه گرفتم و میخوام همینجا براتون مراحلش رو توضیح بدمابتدا باید به این نکته توجه کنیم که باید در هاست سی پنل خودمون سرویس node js را فعال داشته باشیماگر این سرویس در هاست شما فعال نیس به پشتیبانی هاست خودتون تیکت بزنید که این قابلیت رو برای شما فراهم کنند .خب حالا کاری که باید انجام بدید این هست که در هاست خودتون در بخش Software به قسمت Setup Node js App میرویم مانند شکل زیر:سپس در این قسمت بر روی Create Application میزنیم حال مانند شکل بالا ابتدا در قسمت Application root مسیر فولدر دامنه مون رو قرار میدیمبعد در قسمت Application startup file ما app.js را مینویسیم حال قبل از اینکه Run NPM install را بزنیم ابتدا به دایرکتوری مسیر دامنه خودمون میریم در public_html>نام مسیر دایرکتوری و در این قسمت گزینه آپلود را میزنید بعد از پروژه اصلی خودتون فایل های package.json ، app.js را آپلود میکنیم و بعد از آپلود این قسمت مجدد به مسیرقبلی که داشتیم یعنی همون صفحه node js برمیگردیم وحالا Run NPM install رو میزنیم ممکنه این قسمت یکم زمانبر باشه پس صبر کنید که تمام پکیج های شما داره نصب میشه خب بعد از این مرحله یکبار از بالای همین صفحه refresh رو میزنیم و تمام حالا میریم رو پروژه اصلی خودمون مثل شکل زیر:اینجا باید بریم تو قسمت package.json بعد مثل شکل بالا رو فلش سبز که خط 8 کد هست از پروژه بیلد بگیرید چند لحظه باید صبر کنید تا عملیات بیلد گرفتن تموم بشه .بعد از تموم شدن از فولدر next در پروزه فایل زیپ تهیه میکنیم همچنین از فولدر public هم یه زیپ تهیه کنید حالا برمیگردیم تو هاست تو فولدر public_html خودمون دایرکتوری مورد نظری که داشتیم (همونجا که فایل ها رو آپلود کردیم) مجدد روی آپلود میزنیم اینبار فولدر زیپ Next و همچنین public رو آپلود میکنیم وقتی آپلود 100 درصد شد و تموم شد از حالت زیپ هر دو فولدر رو خارج میکنیمفقط یه کار دیگه باید انجام بدیم و اونم این هست که یه فایل .htaccess به این قسمت که همه فایل ها قرار دارن اضافه کنیم برای اینکار میتونی یه فایل به نام .htaccess. ایجاد کنیم و موارد زیر رو داخلش پیست کنید# DO NOT REMOVE. CLOUDLINUX PASSENGER CONFIGURATION BEGINPassengerAppRoot "/home/frsjhtrg/public_html/نام Application root "PassengerBaseURI "/"PassengerNodejs "/home/frsjhtrg/nodevenv/public_html/نام Application root/12/bin/node"PassengerAppType nodePassengerStartupFile app.js# DO NOT REMOVE. CLOUDLINUX PASSENGER CONFIGURATION END# DO NOT REMOVE OR MODIFY. CLOUDLINUX ENV VARS CONFIGURATION BEGIN# DO NOT REMOVE OR MODIFY. CLOUDLINUX ENV VARS CONFIGURATION ENDیک نکته رو حتما توجه کنید هر جا نوشته شده نام Application root شما باید همون نامی که تو پروژه خودتون ایجاد کردید همونی که تو Application root که تو node ساختیم قرار دادید رو همینجا بنویسید. و تمام!!! امیدوارم مشکلتون حل شده باشه.?

نوشته های Faeze Hadi

آپلود پروژه next.js روی هاست cpanel