استقرار سریع برنامه‌های Vue

ورود به حساب کاربری

وارد کنسول لیارا شوید و با وارد کردن ایمیل یا شماره همراه ثبت شده، به اکانت خود در لیارا، لاگین کنید.

ایجاد برنامه

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

حذف فایل‌های اضافی

پوشه‌ها و فایل‌های درون پروژه که قصد ندارید در لیارا آپلود شوند (به عنوان مثال پوشه node_modules) را پاک کنید.

تنظیم اسکریپت start

در فایل package.json موجود در مسیر اصلی پروژه، باید حتماً اسکریپت start تعریف شده باشد؛ به عنوان مثال، فایل package.json یک پروژه Vite می‌تواند به شکل زیر باشد:

{
  "name": "vue-getting-started",
  "version": "0.1.0",
  "scripts": {
    "start": "vite preview",
    "build": "vite build"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^8.7.1",
    "vite": "^2.9.8"
  }
}

export default {
    // ... rest of configuration
    build: {
        outDir: "dist"
    }
}

و یا اگر که برنامه خود را با vue-cli ساخته‌اید؛ فایل package.json می‌تواند مانند قطعه کد زیر باشد:

{
  "name": "vue-getting-started",
  "version": "0.1.0",
  "scripts": {
    "start": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0"
  }
}

زیپ و آپلود پروژه

پوشه پروژه را در یک فایل zip قرار دهید. فایل را کشیده و در باکس آپلود Liara Console رها کنید.

استقرار پروژه

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