رفتن به محتوا
پلتفرم ابری PaaS / Frontend ساختاریافته

هاست ابری Angularمیزبانی انگولار در ابر آراد

اپلیکیشن Angular را با تنظیمات انتشار و مسیرهای درست ارائه کنید. برای سامانه‌های چندبخشی، هماهنگی Base URL، Router و API اهمیت بیشتری از صرفاً آپلود فایل‌ها دارد.

بررسی پلن‌های PaaS مشاورهٔ انگولار

نسخهٔ Runtime و منابع را متناسب با نیاز پروژه انتخاب کنید.

ARADCLOUD / APPLICATION PLATFORMنمای پروژه
محیط اجرای پروژهٔ شماAngularAngular Build
my-angular-app
angular.json
src/app/
از کد به اجراوابستگی‌ها · تنظیمات · انتشار
  1. 01
    Sourceکد پروژه
  2. 02
    Buildآماده‌سازی
  3. 03
    Runtimeانتشار برنامه
جزئیات فنی، پیش از استقرار

ویژگی‌های هاست Angular و تنظیمات محیط اجرا

محیط اجرا باید با معماری برنامه هماهنگ باشد؛ این موارد را در آماده‌سازی نسخهٔ انتشار لحاظ کنید.

۱

پیکربندی انتشار

فایل‌های خروجی محیط اصلی را از تنظیمات توسعه جدا کنید.

۲

زیرمسیر و دامنه

اگر برنامه در یک زیرمسیر اجرا می‌شود، URL پایه را مطابق آن تنظیم کنید.

۳

SSR در صورت نیاز

نیاز به رندر سروری را جدا از میزبانی خروجی SPA تعیین کنید.

معماری پیشنهادی برای بررسی

اجزای اجرای Angular را کنار هم ببینید

۱

برنامه و چرخهٔ انتشار

برای «پرتال سازمانی»، کد، وابستگی‌ها و تنظیمات Angular را از هم تفکیک کنید. خروجی انتشار باید با همان نسخه‌ای آزمایش شود که در محیط اصلی اجرا خواهد شد.

۲

داده و سرویس‌های وابسته

در سناریوی «سامانه‌های چندماژوله»، محل فایل‌های ماندگار و اتصال داده را مشخص کنید. تغییر نسخهٔ برنامه نباید تنها نسخهٔ دادهٔ موردنیاز شما را از بین ببرد.

۳

ورودی ترافیک و سلامت برنامه

برای «پنل‌های عملیاتی»، مسیر پاسخ‌گویی، نام دامنه و نشانهٔ سلامت برنامه را تعریف کنید. پاسخ صحیح یک مسیر ساده، به‌تنهایی عملکرد همهٔ مسیرها را تأیید نمی‌کند.

از فناوری تا کاربرد

کاربردهای هاست Angular

این سناریوها نقطهٔ شروع‌اند؛ منابع و روش اجرا به جزئیات پروژهٔ شما وابسته‌اند.

01

پرتال سازمانی

مسیرهای اصلی کاربر و حجم درخواست را به نیاز منابع تبدیل کنید.

02

سامانه‌های چندماژوله

ارتباط با داده و سرویس‌های دیگر را در طرح استقرار مشخص کنید.

03

پنل‌های عملیاتی

رفتار برنامه در شروع، اجرای عادی و توقف را جداگانه آزمایش کنید.

راهنمای استقرار روی هاست ابری

راه‌اندازی Angular در ابر آراد

پیش از انتقال Angular، این سه مورد را در پروژه آماده کنید. تنظیمات نهایی باید با نسخه و روش استقرار محیط مقصد سازگار باشند.

01
آماده‌سازی

پیکربندی Build محیط اصلی

نسخه‌ها و وابستگی‌ها را مشخص کنید تا فرایند آماده‌سازی برنامه قابل‌تکرار باشد.

02
پیکربندی

Base Href و محل انتشار

تنظیمات محیط اصلی را از توسعه جدا کنید و مسیر شروع برنامه را پیش از انتقال آزمایش کنید.

03
اعتبارسنجی

سیاست مسیریابی و خطاهای API

اتصال سرویس‌های وابسته و رفتار برنامه پس از راه‌اندازی مجدد را بررسی کنید.

DEPLOYMENT PIPELINEمسیر استقرار Angular
نمونهٔ استقرار
Angular / EXAMPLE

پایداری، امنیت و نگه‌داری

پس از انتشار چه چیزهایی را دنبال کنیم؟

۱

مصرف منابع و زمان پاسخ

مصرف حافظه و CPU برنامهٔ Angular را در بار عادی و زمان اوج مقایسه کنید. کندی ممکن است از مسیر داده، وابستگی بیرونی یا تنظیمات برنامه باشد؛ افزایش منابع تنها گزینه نیست.

۲

تنظیمات محرمانه و دسترسی

اطلاعات اتصال و کلیدها را از مخزن کد جدا نگه دارید. دسترسی اعضای تیم را به نیاز کاری محدود کنید و تغییرات تنظیمات را همراه نسخهٔ برنامه ثبت کنید.

۳

انتشار و بازگشت

پیش از انتشار نسخهٔ جدید Angular، مسیرهای مهم و سازگاری داده را بررسی کنید. نسخهٔ قبلی و روش بازگشت را مشخص نگه دارید؛ بازگرداندن کد لزوماً تغییرات داده را برنمی‌گرداند.

راهنمای انتخاب و هزینه

کدام پلن برای هاست Angular مناسب است؟

انتخاب پلن را از نیاز واقعی برنامه شروع کنید. نوع پردازش، حجم داده و اجزای وابسته، مبنای مقایسهٔ منابع هستند.

مقایسهٔ پلن‌های هاست ←
01Compute

پردازش و حافظه

CPU و RAM

برای پرتال سازمانی، مصرف برنامه را در بار عادی و اوج اندازه بگیرید.

02Storage

داده و فایل

ذخیره‌سازی ماندگار

حجم دیتابیس و فایل‌های کاربر را از فایل‌های قابل‌بازسازی برنامه جدا کنید.

03Services

اجزای پروژه

سیاست مسیریابی و خطاهای API

هزینهٔ سرویس‌های وابسته را کنار برنامهٔ اصلی ببینید؛ همهٔ اجزا لزوماً در یک پلن نیستند.

04Runtime

شیوهٔ اجرا

Base Href و محل انتشار

خروجی ایستا، فرایند وب و پردازش پس‌زمینه نیازهای یکسانی ندارند.

پلن‌های پلتفرم PaaS

منابع اجرای Angular را مقایسه کنید

همان الگوهای منابع صفحهٔ پلتفرم PaaS؛ پیکربندی نهایی و قیمت جاری در پنل بررسی می‌شود. نام فریم‌ورک به‌تنهایی تعیین‌کنندهٔ منابع موردنیاز نیست.

مقایسه تعاملی پلن‌هابرای تمرکز روی یک پلن، سرستون آن را انتخاب کنید.
پلن انتخاب‌شده: رشد
الگوهای پیشنهادی منابع PaaS؛ پیکربندی نهایی در پنل انتخاب می‌شود
پلن‌های PaaSمنابع موردنیازتان را مقایسه کنیداز شروع پروژه تا توسعهٔ منابع

آغاز

شروع اقتصادی

پایه

پروژه کم‌مصرف

توسعه

محیط توسعه فعال

رشد

Production آماده رشد

حرفه‌ای

بار کاری پایدار

مقیاس

منابع پرترافیک

سازمانی

معماری چندسرویسی
قیمت ماهانهاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنل
قیمت ساعتیاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنلاستعلام در پنل
RAM (GB)1 GB2 GB4 GB8 GB16 GB32 GB64 GB
vCPU (CORE)0.5 Core1 Core2 Core4 Core8 Core16 Core32 Core
Disk (GB SSD)10 GB20 GB40 GB80 GB160 GB320 GB640 GB
بررسی و انتخاببررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنل
سه گام تا انتشار برنامه

مراحل استقرار Angular

مسیر آماده‌سازی، اجرا و انتشار را با اسکرول دنبال کنید.

۱مرحلهٔ در حال نمایش از ۳ مرحله
  1. آماده‌سازی پروژه
  2. تنظیم و اجرای برنامه
  3. انتشار و نگه‌داری
۰1
گام اول

آماده‌سازی پروژه

پیکربندی Build محیط اصلی

نسخه و وابستگی‌های Angular را مشخص و خروجی قابل‌تکرار تولید کنید.

۰2
گام دوم

تنظیم و اجرای برنامه

Base Href و محل انتشار

مسیرهای اصلی «پرتال سازمانی» را در محیط آزمایشی اجرا کنید؛ تنظیمات نمونه را با ساختار پروژه جایگزین کنید.

۰3
گام سوم

انتشار و نگه‌داری

سیاست مسیریابی و خطاهای API

ماندگاری داده، حفاظت از کلیدها و روش بازگشت نسخه را پیش از انتقال اصلی بررسی کنید.

چرا مسیر داخلی Angular بعد از Refresh باز نمی‌شود؟

ممکن است وب‌سرور مسیر را به ورودی برنامه هدایت نکند. Rewrite یا Fallback مسیرهای SPA را بررسی کنید؛ درخواست‌های فایل و API نباید اشتباه به صفحهٔ اصلی برگردند.

کدام نسخه‌های Angular قابل استفاده‌اند؟

نسخهٔ Runtime، وابستگی‌های پروژه و روش استقرار را با گزینه‌های فعلی پنل تطبیق دهید. پشتیبانی از یک زبان یا فریم‌ورک به معنی پشتیبانی از تمام نسخه‌ها و افزونه‌ها نیست.

هزینهٔ این هاست چطور مشخص می‌شود؟

منابع پردازشی، حافظه، فضای نگه‌داری و سرویس‌های وابسته بر هزینه اثر دارند. تعرفهٔ جاری PaaS و جزئیات پلن را بررسی کنید؛ این صفحه قیمت ثابت یا منابع نامحدود وعده نمی‌دهد.

پیش از انتقال کامل، چه چیزی را آزمایش کنم؟

یک نسخهٔ غیرحساس از برنامه را اجرا و مسیرهای اصلی، اتصال داده، آپلود فایل و رفتار پس از راه‌اندازی مجدد را کنترل کنید. سپس برای انتقال داده و بازگشت احتمالی برنامه داشته باشید.

انتخاب منابع و روش استقرار

مسیر راه‌اندازی هاست Angular را مشخص کنید

نیاز پروژهٔ Angular، سرویس‌های وابسته و منابع موردنظر را با تیم آراد در میان بگذارید.

مشاورهٔ هاست انگولارمقایسهٔ پلن‌ها
راهنمای جامع هاست انگولار

راهنمای کامل خرید، قیمت و راه‌اندازی هاست انگولار (Angular)

در این راهنما با کاربردهای هاست، محیط اجرا، انتخاب منابع، هزینه و مراحل انتشار برنامه آشنا می‌شوید.

مطالعه بیشتربستن راهنما

هاست Angular برای اپلیکیشن وب

برای انتشار انگولار ابتدا خروجی Production را تولید و مسیر واقعی فایل‌های مرورگر را مشخص کنید. پروژهٔ دارای SSR با SPA تفاوت دارد و ممکن است فرایند سروری بخواهد. تنظیمات angular.json و نوع builder تعیین می‌کنند چه چیزی باید روی محیط مقصد قرار گیرد.

مسیر پایه و رندر سروری

اگر برنامه در زیرمسیر منتشر می‌شود، base href و مسیر دارایی‌ها را کنترل کنید. صفحه‌های دارای پارامتر و لینک مستقیم باید پس از reload هم کار کنند. در پروژهٔ SSR، مصرف فرایند سروری و دسترسی به داده را علاوه بر فایل‌های Frontend بررسی کنید.

قبل از خرید هاست انگولار چه چیزی را مشخص کنیم؟

برای «پرتال سازمانی» تعداد کاربران هم‌زمان، اندازهٔ درخواست و ارتباط با داده مهم‌اند. در «سامانه‌های چندماژوله» ممکن است الگوی مصرف متفاوت باشد. نیازهای پیکربندی Build محیط اصلی، Base Href و محل انتشار، سیاست مسیریابی و خطاهای API را به فهرست آماده‌سازی اضافه کنید. هدف، انتخاب منابع بر اساس رفتار برنامه است؛ نام فریم‌ورک به‌تنهایی حجم CPU و RAM را تعیین نمی‌کند.

قیمت هاست Angular و انتخاب پلن PaaS

هزینهٔ میزبانی فقط به اندازهٔ کد وابسته نیست. حافظهٔ زمان Build، مصرف CPU هنگام پاسخ‌گویی، فضای داده و سرویس‌های وابسته را کنار هم بررسی کنید. از جدول پلن‌ها برای مقایسهٔ منابع استفاده کنید و پیکربندی نهایی را با نیاز پروژه تطبیق دهید. دیتابیس، فضای فایل و اجزای جانبی ممکن است هزینهٔ جدا داشته باشند؛ جزئیات را پیش از انتخاب نهایی روشن کنید.

آموزش راه‌اندازی و انتقال Angular

فرمان‌های کارت استقرار، نمونهٔ آموزشی برای یک ساختار متداول هستند و دستور اختصاصی پنل نیستند. نام فایل‌ها، پورت، ابزار ساخت و متغیرها را با پروژهٔ واقعی جایگزین کنید. ابتدا نسخهٔ آزمایشی را بالا بیاورید، مسیرهای اصلی و فایل‌های ماندگار را بررسی کنید و پس از تهیهٔ بکاپ، برای تغییر مقصد و بازگشت احتمالی برنامه داشته باشید.

نگه‌داری و توسعهٔ هاست انگولار

پس از انتشار، خطاهای برنامه، زمان پاسخ و مصرف منابع را با الگوی واقعی استفاده مقایسه کنید. کندی ناشی از کوئری دیتابیس، شبکه یا کد را از کمبود منابع جدا تشخیص دهید. وابستگی‌ها را کنترل‌شده به‌روزرسانی کنید و بازیابی بکاپ را آزمایش کنید؛ داشتن فایل بکاپ بدون تجربهٔ بازگردانی، آمادگی کامل ایجاد نمی‌کند.