React
ریاکت (React) یکی از محبوبترین و قدرتمندترین کتابخانههای جاوا اسکریپت برای ساخت رابطهای کاربری مدرن است که با استفاده از معماری مبتنی بر کامپوننت و تکنولوژی Virtual DOM، امکان توسعه برنامههای تکصفحهای (SPA) سریع و با کارایی بالا را فراهم میکند. ترکیب جاوا اسکریپت و کدهای HTML از طریق JSX، فرایند توسعه فرانتاند را ساختاریافتهتر و انعطافپذیرتر میکند.
پلتفرم ابری پارسپک محیطی کاملا بهینه برای کامپایل و استقرار پروژههای ریاکت فراهم کرده است تا بدون درگیری با تنظیمات وبسرور، کدهای شما به صورت خودکار بیلد شده و در سریعترین زمان ممکن مستقر شوند.
مراحل استقرار
برای آموزش گامبهگام ساخت اپلیکیشن، به راهنمای «استقرار از طریق سورسکد (زبانها)» مراجعه کنید. همچنین برای تنظیمات زیرساختی نیز به بخش مدیریت اپلیکیشن مراجعه کنید:
پیشنیازها و استقرار کد
برای اینکه پروژه شما به درستی توسط موتور استقرار پارسپک شناسایی و دیپلوی شود، رعایت استانداردهای زیر در سورسکد و تنظیمات الزامی است:
-
فایل وابستگیها: فایل
package.jsonباید حتما در مسیر ریشه اجرا (context_dir) وجود داشته باشد. -
ساختار معتبر: محتوای
package.jsonمیبایست کاملا صحیح (Valid JSON) بوده و بخشscriptsدر آن برای بیلد و اجرای برنامه به درستی تعریف شده باشد. -
پارامترهای پایه: شما میتوانید در زمان استقرار، نسخه رانتایم (Node.js Version) و مسیر اجرای پروژه (
react_context_dir) را به دلخواه تنظیم کنید. -
تخصیص منابع (Build Phase): اپلیکیشنهای ریاکت در مرحله کامپایل (Build) نیازمند منابع پردازشی مناسبی هستند. سقف رم (RAM) و پردازنده (CPU) را متناسب با حجم کامپوننتهای پروژه تخصیص دهید تا فرایند بیلد بدون افت سرعت و با موفقیت طی شود.
متغیرهای محیطی (Env Vars)
متغیرهای محیطی در برنامههای تکصفحهای (SPA) رفتاری متفاوت دارند. متغیرهای اختصاصی خود (مانند آدرسهای Base API) را در پنل تنظیمات وارد نمایید. این مقادیر در زمان کامپایل (Build) به صورت خودکار به سورسکد شما تزریق خواهند شد.
نکته: برای آموزش گامبهگام نحوه تعریف متغیرهای اختصاصی، ConfigMapها و Secretها در داشبورد، به مستندات
تنظیمات دامنه
جهت اختصاص دامنه شخصی به سرویس خود برای دسترسی عمومی کاربران، به راهنمای
وبهوک
جهت پیادهسازی اتوماسیون و دیپلوی خودکار کدهای جدید با هر بار Push در مخزن گیت،
مشاهده لاگها
خروجیهای استاندارد برنامه (مانند دستورات console.log یا ارورهای اجرایی) بهصورت یکپارچه مانیتور میشوند. برای عیبیابی اپلیکیشن خود به