Vue.js

وی‌یو (Vue.js) یک فریم‌ورک جاوا اسکریپت متن‌باز برای ساخت رابط‌های کاربری است که از معماری MVVM (مدل-ویو-ویومدل) بهره می‌برد. این فریم‌ورک با ساختاری سبک و انعطاف‌پذیر، به راحتی با پروژه‌های موجود قابل ادغام است و در عین حال، ابزاری قدرتمند برای توسعه وب‌اپلیکیشن‌های پیچیده و مقیاس‌پذیر محسوب می‌شود.

Vue با استفاده از سیستم کامپوننت‌محور و قابلیت اتصال داده‌های دوطرفه، به توسعه‌دهندگان اجازه می‌دهد قسمت‌های مختلف رابط کاربری را به صورت کاملا مستقل و بهینه مدیریت کنند. همچنین بهره‌گیری از ابزارهایی مانند Vue Router برای مدیریت مسیر و کتابخانه‌های مدرن مدیریت وضعیت، فرایند توسعه پروژه‌های مدرن را به شکلی ساختاریافته تسهیل می‌کند.

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

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

برای آموزش گام‌به‌گام ساخت اپلیکیشن، به راهنمای «استقرار از طریق سورس‌کد (زبان‌ها)» مراجعه کنید. همچنین برای تنظیمات زیرساختی نیز به بخش مدیریت اپلیکیشن مراجعه کنید:

پیش‌نیازها و استقرار کد

برای اینکه پروژه شما به درستی توسط موتور استقرار پارس‌پک شناسایی و دیپلوی شود، رعایت استانداردهای زیر در سورس‌کد و تنظیمات الزامی است:

• فایل وابستگی‌ها: فایل package.json باید حتما در مسیر ریشه اجرا (context_dir) وجود داشته باشد.

• ساختار معتبر: محتوای package.json می‌بایست کاملا صحیح (Valid JSON) بوده و بخش scripts در آن برای فرایندهای بیلد و اجرا به درستی تعریف شده باشد.

• پارامترهای پایه: شما می‌توانید در زمان استقرار، نسخه ران‌تایم (Node.js Version) و مسیر اجرای پروژه را در پنل تنظیم کنید.

• تخصیص منابع (Build Phase): اپلیکیشن‌های Vue.js در مرحله کامپایل (Build) نیازمند منابع پردازشی مناسبی هستند. سقف رم (RAM) و پردازنده (CPU) را متناسب با حجم پروژه تخصیص دهید تا فرایند بیلد با موفقیت و بدون افت سرعت طی شود.

متغیرهای محیطی (Env Vars)

متغیرهای محیطی در برنامه‌های تک‌صفحه‌ای (SPA) در زمان کامپایل (Build) به کدهای استاتیک تزریق می‌شوند. برای دسترسی به متغیرهای اختصاصی خود (مانند آدرس‌های Base API) در مرورگر کاربر، باید قواعد نام‌گذاری ابزار بیلد خود را رعایت کنید:

• اگر پروژه شما بر پایه Vite است، متغیرها باید حتما با پیشوند VITE_ شروع شوند.

• اگر پروژه شما بر پایه Vue CLI (وب‌پک) است، متغیرها باید حتما با پیشوند VUE_APP_ شروع شوند.

این مقادیر را در پنل تنظیمات داشبورد وارد نمایید تا در پروسه کامپایل به درستی خوانده شده و به کلاینت ارسال شوند.

تنظیمات دامنه

جهت اختصاص دامنه شخصی به سرویس خود برای دسترسی عمومی کاربران، به راهنمای تنظیمات دامنه و IP مراجعه کنید.

وب‌هوک

جهت پیاده‌سازی اتوماسیون و دیپلوی خودکار کدهای جدید با هر بار Push در مخزن گیت، مستندات وب‌هوک را بررسی کنید.

مشاهده لاگ‌ها

خروجی‌های استاندارد برنامه (مانند دستورات console.log یا ارورهای اجرایی) به‌صورت یکپارچه مانیتور می‌شوند. برای عیب‌یابی اپلیکیشن خود به مستندات لاگ‌ها مراجعه نمایید.