رفتن به محتوا
پلتفرم ابری PaaS / Vue با SSR و Full-stack

هاست ابری Nuxt.jsمیزبانی ناکست در ابر آراد

پروژهٔ Nuxt را با توجه به خروجی و مقصد اجرای آن منتشر کنید. برای تجربه‌های مبتنی بر Vue، تصمیم بین خروجی ایستا و اجرای سروری روی تنظیمات، هزینه و عملیات اثر می‌گذارد.

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

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

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

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

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

۱

مقصد Build

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

۲

پیکربندی عمومی و خصوصی

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

۳

محتوای پویا

وابستگی صفحه به دادهٔ لحظه‌ای را هنگام انتخاب خروجی ایستا بسنجید.

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

اجزای اجرای Nuxt.js را کنار هم ببینید

۱

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

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

۲

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

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

۳

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

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

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

کاربردهای هاست Nuxt.js

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

01

وب‌سایت مبتنی بر Vue

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

02

صفحات دارای رندر سروری

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

03

وب‌اپلیکیشن Full-stack

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

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

راه‌اندازی Nuxt.js در ابر آراد

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

01
آماده‌سازی

حالت رندر و مقصد خروجی Nitro

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

02
پیکربندی

دستور Build و اجرای خروجی

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

03
اعتبارسنجی

Runtime Config و Secretها

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

DEPLOYMENT PIPELINEمسیر استقرار Nuxt.js
نمونهٔ استقرار
Nuxt.js / EXAMPLE

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

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

۱

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

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

۲

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

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

۳

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

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

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

کدام پلن برای هاست Nuxt.js مناسب است؟

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

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

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

CPU و RAM

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

02Storage

داده و فایل

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

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

03Services

اجزای پروژه

Runtime Config و Secretها

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

04Runtime

شیوهٔ اجرا

دستور Build و اجرای خروجی

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

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

منابع اجرای Nuxt.js را مقایسه کنید

همان الگوهای منابع صفحهٔ پلتفرم 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
بررسی و انتخاببررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنلبررسی در پنل
سه گام تا انتشار برنامه

مراحل استقرار Nuxt.js

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

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

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

حالت رندر و مقصد خروجی Nitro

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

۰2
گام دوم

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

دستور Build و اجرای خروجی

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

۰3
گام سوم

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

Runtime Config و Secretها

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

تفاوت هاست Vue و Nuxt چیست؟

یک SPA مبتنی بر Vue می‌تواند صرفاً فایل ایستا باشد؛ Nuxt بسته به پیکربندی ممکن است به اجرای سروری نیاز داشته باشد. نام فریم‌ورک به‌تنهایی تعیین‌کنندهٔ مدل استقرار نیست.

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

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

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

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

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

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

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

مسیر راه‌اندازی هاست Nuxt.js را مشخص کنید

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

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

راهنمای کامل خرید، قیمت و راه‌اندازی هاست ناکست (Nuxt.js)

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

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

هاست Nuxt برای Vue و رندر سمت سرور

ناکست می‌تواند خروجی ایستا یا سروری تولید کند. مقصد Build و تنظیم Nitro تعیین می‌کنند کدام خروجی قابل اجراست. در نمونهٔ سروری Node، فایل .output/server/index.mjs نقطهٔ شروع متداول است؛ این مسیر را با خروجی واقعی نسخهٔ پروژه تطبیق دهید.

Runtime Config و محتوای پویا

تنظیمات خصوصی و عمومی را جدا نگه دارید. صفحه‌ای که هنگام Build ساخته می‌شود لزوماً دادهٔ تازهٔ هر درخواست را نشان نمی‌دهد. برای انتخاب بین prerender و SSR، نیاز محتوایی، زمان پاسخ و هزینهٔ اجرای سرور را کنار هم بسنجید.

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

برای «وب‌سایت مبتنی بر Vue» تعداد کاربران هم‌زمان، اندازهٔ درخواست و ارتباط با داده مهم‌اند. در «صفحات دارای رندر سروری» ممکن است الگوی مصرف متفاوت باشد. نیازهای حالت رندر و مقصد خروجی Nitro، دستور Build و اجرای خروجی، Runtime Config و Secretها را به فهرست آماده‌سازی اضافه کنید. هدف، انتخاب منابع بر اساس رفتار برنامه است؛ نام فریم‌ورک به‌تنهایی حجم CPU و RAM را تعیین نمی‌کند.

قیمت هاست Nuxt.js و انتخاب پلن PaaS

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

آموزش راه‌اندازی و انتقال Nuxt.js

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

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

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