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

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

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

انتخاب حساب

حساب شخصی یا تیم مدنظرتان برای استقرار برنامه را انتخاب کنید.

ایجاد برنامه

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

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

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

بررسی فایل package.json استاندارد

در نظر داشته باشید که در پروژه‌های استاندارد Angular، یک فایل به نام package.jsonوجود دارد که برای استقرار حائز اهمیت است و این فایل نباید حذف یا دستکاری شود. قطعه کد زیر یک نمونه استاندارد از فایل package.json است:

{
"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 قرار دهید. فایل را کشیده و در باکس آپلود Liara Console رها کنید.

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

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

نصب Liara CLI

ترمینال را باز کنید و با اجرای دستور زیر، ابزار Liara CLI را بر روی سیستم خود نصب کنید:

npm install -g @liara/cli

لاگین به حساب کاربری

با اجرای دستور زیر، وارد حساب کاربری خود در لیارا، شوید:

liara login

ایجاد شبکه خصوصی

با دستور زیر، شبکه خصوصی برنامه خود را ایجاد کنید:

liara network create

ایجاد برنامه

با اجرای دستور زیر، برنامه Angular خود را ایجاد کنید:

liara create

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

نادیده گرفتن فایل‌های اضافی

برای آپلود نشدن فایل‌های اضافی، از gitignore. یا liaraignore. استفاده کنید و درون یکی از این دو فایل، اسامی دایرکتوری‌ها و فایل‌های اضافی را بیاورید. به عنوان مثال:

node_modules/

بررسی فایل package.json استاندارد

در نظر داشته باشید که در پروژه‌های استاندارد Angular، یک فایل به نام package.jsonوجود دارد که برای استقرار حائز اهمیت است و این فایل نباید حذف یا دستکاری شود. قطعه کد زیر یک نمونه استاندارد از فایل package.json است:

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

استقرار برنامه

با اجرای دستور زیر در مسیر اصلی پروژه، برنامه خود را در لیارا مستقر کنید (بعد از app-- شناسه برنامه خود را وارد کنید):

liara deploy --app=myapp --platform=angular

برای استقرار برنامه در تیم مدنظرتان، کافیست تا از شناسه تیم و فلگ team-id-- استفاده کنید:

liara deploy --app=myapp --platform=angular --team-id=your-unique-team-id

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

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

انتخاب حساب

حساب شخصی یا تیم مدنظرتان برای استقرار برنامه را انتخاب کنید.

ایجاد برنامه

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

بررسی فایل package.json استاندارد

در نظر داشته باشید که در پروژه‌های استاندارد Angular، یک فایل به نام package.jsonوجود دارد که برای استقرار حائز اهمیت است و این فایل نباید حذف یا دستکاری شود. قطعه کد زیر یک نمونه استاندارد از فایل package.json است:

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

ساخت فایل liara.json

در مسیر اصلی پروژه، یک فایل به نام liara.json ایجاد کنید و پیکربندی‌های مدنظرتان را در این فایل بنویسید؛ به عنوان مثال:

{
  "angular": {
  "mirror": true,
  "sourceMap": false
  }
}

ساخت ریپازیتوری در گیت‌هاب

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

آپلود پروژه در گیت‌هاب

پروژه نهایی خود را در ریپازیتوری‌تان در گیت‌هاب آپلود کنید؛ حتماً در نظر داشته باشید که درون پروژه‌تان، فایل gitignore. قرار داشته باشد و درون آن، فایل‌های اضافی برنامه، که قصد ندارید آپلود شوند؛ لیست شده باشند.

اتصال لیارا به گیت‌هاب

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

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

ویرایش دسترسی‌ها

بعد از اتصال به اکانت گیت‌هاب، بر روی گزینه ویرایش دسترسی‌ها کلیک کرده و ریپازیتوری (ریپازیتوری‌های) مدنظرتان را به حساب لیارا متصل کنید.

استقرار برنامه

در نهایت، بر روی برنامه خود کلیک کرده وارد صفحه استقرار جدید شوید؛ سپس در منوی گیت‌هاب، ریپازیتوری مدنظرتان را انتخاب کرده و پس از انتخاب نوع استقرار و branch مدنظرتان، بر روی گزینه اتصال به برنامه کلیک کنید تا برنامه‌تان به ریپازیتوری مدنظرتان متصل شود. در نهایت، کافیست تا یک‌بار بر روی گزینه استقرار دستی کلیک کنید تا آخرین commit شما در لیارا مستقر شود.