Как развернуть приложение Angular на Heroku с помощью ng cli? - PullRequest
Новая
       18

Как развернуть приложение Angular на Heroku с помощью ng cli?

0 голосов
/ 07 января 2020

У меня есть следующее package.json: 

{
  "name": "app",
  "version": "1.0.0",
  "engines": {
    "node": "11.13.0",
    "npm": "6.9.0"
  },
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build:prod": "npm run build -- --prod --aot",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
  },
  "devDependencies": {
    "@angular/cli": "^8.0.2",
    "typescript": "3.4.5",
    ...
  }
  ...
}

и следующее .gitlab-ci.yml: 

before_script:
  - echo "Execute scripts which are required to bootstrap the application. !"

after_script:
  - echo "Clean up activity can be done here !."

# Cache modules in between jobs
cache:
  key: ${CI_COMMIT_REF_SLUG}
  paths:
  - node_modules/

stages:
  - deploy

deploy_staging:
  stage: deploy
  image: ruby:2.3
  script:
    - apt-get update -qy
    - apt-get install -y ruby-dev
    - gem install dpl
    - dpl --provider=heroku --app=$HEROKU_APP_STAGING --api-key=$HEROKU_API_KEY
  environment:
    name: staging
    url: https://$HEROKU_APP_STAGING.herokuapp.com
  only:
    - master

Когда я пытаюсь развернуть свое приложение на Heroku, я получил успешное развертывание но он не работает, когда запускает приложение: sh: 1: ng: not found.

Можно / хорошо ли использовать ng на heroku? Чего мне не хватает?

1 Ответ

2 голосов
/ 07 января 2020

В deploy_staging части файла .gitlab-ci.yml будет извлечено изображение ruby:2.3, которое не содержит установленных npm или angular-cli (поэтому это может вызвать ошибку ng: not found). Похоже, вам нужно добавить этап build в .gitlab-ci.yml, который предназначен для сборки приложения Angular и создать пакетные файлы (папка dist в домашнем каталоге приложения Angular). Например, файл .gitlab-ci.yml может выглядеть так: 

⋮

stages:
    - build
    - deploy

# New stage for building your Angular app
build_staging:
    stage: build
    image: trion/ng-cli
    allow_failure: false
    script:
        - npm install
        - ng build --prod

deploy_staging:
    stage: deploy
    image: ruby:2.3
    when: on_success
    dependencies: 
        - build
    script:
        - apt-get update -qy
        - apt-get install -y ruby-dev
        - gem install dpl
        - dpl --provider=heroku --app=$HEROKU_APP_STAGING --api-key=$HEROKU_API_KEY
    environment:
        name: staging
        url: https://$HEROKU_APP_STAGING.herokuapp.com
    only:
        - master

⋮
...