هاست React برای Vite و React.js
پروژه React را از Git منتشر کنید؛ Build، مسیرهای SPA، دامنه، HTTPS و CDN بدون مدیریت سرور آماده می‌شوند.
● RunningProductionنمونه استقرار
$ paasta login$ cd my-react-app$ paasta deployBuild detected: reactHealth check passedHTTPS domain readyتنظیمات React را شفاف ببینید.
پاستا تنظیمات و فایل‌های پروژه را بررسی می‌کند و پیش از انتشار، جزئیات مهم مربوط به Build و Runtime را در اختیار شما می‌گذارد.
- ۱ابزار ساخت React تشخیص داده میشود
پاستا package.json و lockfile را می‌خواند، npm، pnpm یا Yarn را انتخاب می‌کند و فرمان build مربوط به Vite یا Create React App را اجرا می‌کند.
- ۲خروجی production آماده انتشار میشود
پوشه dist یا build به‌عنوان خروجی نهایی انتخاب میشود و فایل‌های HTML، CSS و JavaScript بدون نیاز به اجرای دائمی Node.js سرو می‌شوند.
- ۳مسیریابی SPA و HTTPS تنظیم می‌شوند
در اپ تک‌صفحه‌ای، مسیرهای مرورگر به index.html برمی‌گردند؛ دامنه عمومی و HTTPS نیز بدون تغییر کد React آماده می‌شوند.
راهنما و پرسش‌های React
آموزش استقرار React با نمونه عملی و رفع خطاهای رایج · محاسبه هزینه
- ساخت و اجرا
- تشخیص Vite یا Create React App و ساخت خروجی production
- پورت برنامه
- 8080
خروجی Vite را روی دامنه و HTTPS منتشر کنید.
پروژه React معمولاً پس از Build به فایل‌های استاتیک تبدیل میشود. پاستا نصب وابستگی، ساخت خروجی production، مسیرهای SPA و انتشار نسخه تازه را مدیریت می‌کند. اگر پروژه شما SSR یا API سمت سرور دارد، هاست Next.js یا یک Backend جدا انتخاب کنید.
- ۱Vite و React.js
مخزن Git و فرمان Build بررسی می‌شوند و فقط خروجی نهایی منتشر میشود؛ پوشه dependency و فایل‌های توسعه وارد سرویس عمومی نمی‌شوند.
- ۲React Router و SPA fallback
درخواست مستقیم مسیرهای داخلی به فایل اصلی برنامه برمی‌گردد تا Refresh صفحه با خطای 404 متوقف نشود.
- ۳متغیر عمومی و Secret
متغیرهای Build در مرورگر قابل مشاهده‌اند. کلید خصوصی را در React قرار ندهید و درخواست حساس را از Backend دارای Secret ارسال کنید.
- ۴دامنه، HTTPS و هزینه
دامنه و گواهی پس از انتشار آماده می‌شوند. هزینه منابع را پیش از خرید در محاسبه‌گر قیمت ببینید.
برای React به سرور Node.js نیاز دارم؟
اگر پروژه پس از Build فقط فایل HTML، CSS و JavaScript تولید می‌کند، اجرای دائمی Node.js لازم نیست. اگر Backend، SSR یا API دارید، آن بخش باید به‌صورت سرویس جدا یا روی فریم‌ورک سمت سرور اجرا شود.
React Router بعد از Refresh خطای 404 می‌دهد؟
برای برنامه SPA باید درخواست مسیرهای ناشناخته به index.html برگردد. قالب React پاستا این fallback را برای خروجی production در نظر می‌گیرد.
متغیرهای محیطی Vite را کجا ثبت کنم؟
متغیرهای عمومی Vite هنگام Build در خروجی مرورگر قرار میگیرند و نباید Secret باشند. کلیدهای حساس را در Backend یا سرویس جدا و در بخش Secret نگه دارید.
قیمت هاست React چگونه محاسبه میشود؟
هزینه براساس منابع انتخابی و سرویسهای متصل محاسبه میشود و پیش از استقرار نمایش داده میشود. برای خروجی استاتیک معمولاً میتوانید با منابع سبک شروع کنید.
همه چیز در یک پروژه
Vite و Create React App
React Router و SPA fallback
استقرار از Git
اتصال مستقیم مخزن Git و استقرار نسخه‌های جدید با Push تغییرات.
متغیرهای Build
دامنه و HTTPS
انتشار برنامه روی دامنه امن پس از آماده‌شدن سرویس.
CDN و کش
Rollback نسخه‌ها
بازگشت به نسخه قبلی برنامه؛ تغییرات داده و دیتابیس به‌صورت خودکار برگردانده نمی‌شوند.
پروژه React خود را همین امروز اجرا کنید.
هزینه بر اساس منابعی محاسبه میشود که برای اجرای پروژه در نظر می‌گیرید.