用gitlab-ci部署React App的最佳方法?

时间:2018-12-15 00:51:12

标签: reactjs git docker gitlab gitlab-ci

我刚刚开始弄清楚gitlab CI / CD。我有我自己的gitlab实例,还有两个跑步者,一个共享,一个特定于1个项目,都使用docker引擎。

当前,我的登台服务器是它自己的VM,它通过docker-compose托管。我通常使用裸git repo部署到该服务器,并将生成文件保存在git中。

但是我想切换到CI / CD模型,所以我以.gitlab-ci.yml的身份尝试了此操作:

image: node

stages:
- build
- stage

build_frontend:
  stage: build
  script:
  - cd ./src/frontend
  - npm install && npm audit fix
  # CI=false set to ignore warnings as errors
  - CI=false npm run build
  artifacts:
    paths:
    - ./src/frontend/build
  tags:
  - projectname

但是我对如何实际部署构建有些迷惑。最好的方法是将文件下载到临时服务器上,该服务器只是一个VM。

1 个答案:

答案 0 :(得分:3)

您可以从GitLab本身如何使用自己的配置项中获得一些线索,如“ How to use GitLab CI for Vue.js”所述:

他们有专门的部署步骤:

build site:
  image: node:6
  stage: build
  script:
    - npm install --progress=false
    - npm run build
  artifacts:
    expire_in: 1 week
    paths:
      - dist

unit test:
  image: node:6
  stage: test
  script:
    - npm install --progress=false
    - npm run unit

deploy:
  image: alpine
  stage: deploy
  script:
    - apk add --no-cache rsync openssh
    - mkdir -p ~/.ssh
    - echo "$SSH_PRIVATE_KEY" >> ~/.ssh/id_dsa
    - chmod 600 ~/.ssh/id_dsa
    - echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > ~/.ssh/config
    - rsync -rav --delete dist/ user@server.com:/your/project/path/

因此,如果您可以打包和打包应用程序,则可以将其部署到VM。