استقرار برنامه Angular در لیارا

توجه داشته باشید؛ تنها برنامه‌هایی که با Angular CLI ساخته شده باشند، در پلتفرم Angular لیارا قابل اجرا خواهند بود.

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

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

۱

نصب وابستگی‌های برنامه

لیارا، تمامی ماژول‌ها و وابستگی‌های برنامه که در فیلدهای dependencies و devDependencies قرار گرفته‌اند را با استفاده از دستور npm install نصب می‌کند.

۲

اجرای اسکریپت build

اگر که در این فایل، اسکریپت build وجود داشته باشد، لیارا با اجرای دستور npm run build آن را، اجرا می‌کند.

۳

اجرای اسکریپت start

اگر که در این فایل، اسکریپت start تعریف شده باشد، لیارا برای اجرای برنامه، از این اسکریپت استفاده می‌کند.

قطعه کد زیر یک نمونه استاندارد، یک نمونه از فایل package.json استاندارد برای برنامه‌های Angular است:

کپی
{
"name": "angular-getting-started",
"version": "0.1.0",
"scripts": {
  "ng": "ng",
  "start": "ng serve",
  "build": "ng build",
  "watch": "ng build --watch --configuration development"
},
"dependencies": {
  "@angular/animations": "~13.1.0",
  "@angular/common": "~13.1.0",
  "@angular/compiler": "~13.1.0",
  "@angular/core": "~13.1.0",
  "@angular/forms": "~13.1.0",
  "@angular/platform-browser": "~13.1.0",
  "@angular/platform-browser-dynamic": "~13.1.0",
  "@angular/router": "~13.1.0"
},
"devDependencies": {
  "@angular-devkit/build-angular": "~13.1.2",
  "@angular/cli": "~13.1.2",
  "@angular/compiler-cli": "~13.1.0",
  "@types/node": "^12.11.1",
  "typescript": "~4.5.2"
}
}

در ادامه، بایستی پوشه پروژه خود را درون یک فایل zip قرار بدهید؛ سپس در برنامه خود، بر روی گزینه استقرار جدید کلیک کرده؛ وارد تب Drag & Drog شوید و فایل zip را آپلود کنید تا وارد مرحله بعدی استقرار شوید:

پس از آپلود پروژه، باید شخصی‌سازی‌های پروژه را در برنامه خود، لحاظ کنید.

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

پس از استقرار برنامه می‌توانید رویدادها و گزارشات مربوط به برنامه را بررسی کنید.