پلتفرم Angular

(Angular Platform)

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

• ویدیوی آموزشی استقرار با مرورگر
• پنج گام استقرار برنامه با مرورگر

ویدیوی آموزشی استقرار با مرورگر

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

پنج گام استقرار برنامه با مرورگر

گام اول) کافیست به بخش ایجاد برنامه‌ها در لیارا بروید و با انتخاب پلتفرم ANGULAR و نوشتن شناسه برنامه‌ی موردنظرتان و در نهایت انتخاب پلن، برنامه خود را ایجاد کنید. برای نمونه، ما در این آموزش برای برنامه آزمایشی‌مان، شناسه angular-starter را انتخاب کردیم.

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

{
  "name": "angular-getting-started",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~17.2.4",
    "@angular/common": "~17.2.4",
    "@angular/compiler": "~17.2.4",
    "@angular/core": "~17.2.4",
    "@angular/forms": "~17.2.4",
    "@angular/platform-browser": "~17.2.4",
    "@angular/platform-browser-dynamic": "~17.2.4",
    "@angular/router": "~17.2.4",
    "rxjs": "~7.8.1",
    "tslib": "^2.6.2",
    "zone.js": "~0.14.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~17.2.3",
    "@angular/cli": "~17.2.3",
    "@angular/compiler-cli": "~17.2.4",
    "@types/jasmine": "~5.1.4",
    "@types/node": "^20.11.25",
    "jasmine-core": "~5.1.2",
    "karma": "~6.4.3",
    "karma-chrome-launcher": "~3.2.0",
    "karma-coverage": "~2.2.1",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.1.0",
    "typescript": "~5.2.0"
  }
}

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

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

گام چهارم) پس از اینکه فایل zip پروژه‌تان به صورت کامل در لیارا آپلود شد، به صفحه جدیدی هدایت می‌شوید؛ در این صفحه کافیست تا بخش‌های زیر را نیز بر اساس نیازهای برنامه خود، تنظیم کنید:

• تنظیمات پلتفرم: اگر که به source map نیاز دارید، می‌توانید در این بخش، آن را فعال کنید. همچنین، برای تجربه استقرار سریع‌تر نیز، توصیه می‌شود که از mirror اختصاصی لیارا برای نصب پکیج‌های npm استفاده کنید.
• تنظیمات build: در این بخش می‌توانید موقعیت build برنامه خود را مشخص کنید.

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

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

https://angular-starter.liara.run