راهنمای استقرار Vue و Nuxt

دیپلوی vue و Nuxt روی گردو

Q: دیپلوی vue و دیپلوی nuxt در گردو کلاد چگونه انجام میشود؟

برای دیپلوی vue و پروژههای Nuxt SSR، سیستم به صورت خودکار فایلهای پکیج را خوانده و نسخه سروری یا تکصفحهای را با بالاترین کیفیت دیپلوی میکند.

Q: آپلود پروژه vue روی هاست برای صفحات فرانتاند چه مزیتی دارد؟

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

دیپلوی vue و Nuxt روی سکوی ابری گردو برای Vue SPA و Nuxt SSR؛ از Git یا CLI با بیلد خودکار، متغیرها و دامنه. پروژه‌ی Vue را در چند دقیقه منتشر کنید.

پاسخ کوتاه

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

آخرین بازبینی: ۱۴۰۵/۰۶/۱۵

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

فایل‌های وابستگی پروژه یعنی package.json و lockfile را در مخزن گیت قرار دهید. مقادیر پیش‌فرض دستور ساخت و دستور اجرا برای این استک:

# دستور ساخت
npm ci && npm run build

# دستور اجرا
node .output/server/index.mjs

برای Nuxt، NITRO_HOST=0.0.0.0 و NITRO_PORT=$PORT را تنظیم کنید؛ Vue SPA را به‌صورت static سرو کنید.

استقرار خودکار مستقیم از مخزن Git

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

استقرار از پوشه محلی با Gerdoo CLI

curl -fsSL https://get.gerdoo.cloud/install.sh | sh
gerdoo login
cd your-project
gerdoo deploy
gerdoo logs

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

در Windows (PowerShell) به‌جای دستور نصب از irm https://get.gerdoo.cloud/install.ps1 | iex استفاده کنید.

نکات مهم محیط عملیاتی برای Vue و Nuxt

بین خروجی SPA و Nuxt SSR پیش از deploy تصمیم بگیرید.
متغیر عمومی و secret را در runtimeConfig جدا کنید.
fallback مسیرهای SPA را برای Vue Router فعال کنید.
بررسی سلامت و زمان شروع به کار سرویس را پیش از هدایت ترافیک واقعی تست کنید.
داده‌های دائمی و فایل‌های کاربران را روی دیسک‌های ماندگار یا ذخیره‌سازی ابری نگه دارید.

سوالات پرتکرار

دیپلوی vue و دیپلوی nuxt در گردو کلاد چگونه انجام می‌شود؟

برای دیپلوی vue و پروژه‌های Nuxt SSR، سیستم به صورت خودکار فایل‌های پکیج را خوانده و نسخه سروری یا تک‌صفحه‌ای را با بالاترین کیفیت دیپلوی می‌کند.

آپلود پروژه vue روی هاست برای صفحات فرانت‌اند چه مزیتی دارد؟

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