پلتفرم VueJS

(VueJS Platform)

فهرست عناوین:

استقرار با Liara CLI
نصب Liara CLI
ورود به حساب کاربری
اولین استقرار

استقرار با Liara CLI

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

پروژه و کدهای مورد استفاده در ویدیوی فوق در اینجا قابل مشاهده و دسترسی هستند.

نصب Liara CLI

اگر Liara CLI را نصب ندارید می‌توانید با اجرای دستور زیر آن‌ را به‌راحتی نصب کنید: توضیحات بیشتر

$ npm install -g @liara/cli

برای ورود به حساب کاربری خود به وسیله Liara CLI کافیست دستور زیر را وارد کنید و ایمیل و رمزعبوری که با آن حساب کاربری خود را ایجاد کرده‌اید را وارد نمایید:

$ liara login

اولین استقرار

توجه داشته باشید؛ تنها برنامه‌هایی که با دو روشVite و یاvue-cliساخته شده باشند، در پلتفرم Vue لیارا قابل اجرا خواهند بود.

گام اول) کافیست به بخش ایجاد برنامه‌ها در لیارا بروید و با انتخاب پلتفرم VUE و نوشتن شناسه برنامه‌ی موردنظرتان و در نهایت انتخاب پلن، برنامه خود را ایجاد کنید. برای نمونه، ما در این آموزش برای برنامه آزمایشی‌مان، شناسه vue-starter را انتخاب کردیم. همچنین شما می‌توانید از طریق Liara CLI با دستور زیر برنامه‌ی خود را ایجاد کنید.

liara create

گام دوم) داخل فایلpackage.jsonیک فیلد با نامscriptsوجود دارد. شما باید حتما یک اسکریپت در این بخش با نامstartتعریف کنید.

نمونه فایل package.json استفاده شده از vue-cli:

{
  "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"
  }
}

نمونه فایل 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"
  }
}

بعد از این‌که برنامه‌ی شما آپلود شد، لیارا برای شما دستورnpm startرا اجرا می‌کند. شما باید داخل این اسکریپت، دستوری بنویسید که باعث اجرا شدن برنامه‌ی‌تان شود.(مانند نمونه‌ی بالا)

توجه داشته باشید که لیارا به‌طور خودکار در فرایند استقرار برنامه‌های Vue دستور npm run build را اجرا می‌کند.

گام سوم) کافیست وارد ریشه برنامه‌ی‌تان شده و به وسیله دستور زیر اولین استقرار خود را اجرا کنید. بعد از وارد کردن این دستور، از شما شناسه برنامه‌ موردنظرتان پرسیده می‌شود و بعد از انتخاب شناسه، لیارا عملیات استقرار را شروع می‌کند.

$ liara deploy

Liara CLI به صورت خودکار، تشخیص خواهد داد که برنامه‌ی شما را باید به عنوان یک برنامه‌ی Vue اجرا کند و عملیات استقرار را آغاز خواهد کرد. اما اگر مشکلی در تشخیص وجود داشت، می‌توانید از دستور زیر استفاده کنید:

$ liara deploy --platform=vue

برنامه‌ی شما حتما باید دارای فایلpackage.json باشد تا بتواند در لیارا مستقر شود.

لیارا به صورت خودکار پکیج‌هایی که در فایلpackage.jsonلیست شده‌اند را برای شما نصب می‌کند. پس نیازی ندارید که به دنبال اجرای دستورnpm installباشید. از آن‌جایی که اجرای این دستور زمان‌بر است، برای سرعت بیشتر، این دستور را روی سرورهای قدرتمندمان اجرا می‌کنیم تا زمان زیادی را منتظر نمانید.

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

https://vue-starter.liara.run

متوجه شدم، برو گام بعدی!