前端项目集成部署 gitlab

一，gitlab-runner 安装与配置

1.安装gitlab-runner

在要部署到的服务器上安装gitlab-runner

 sudo  dpkg -i gitlab-runner_amd64.deb

2.runner注册

 gitlab-runner register

url 和 token从gitlab中获取，在项目菜单，settings->CI/CD，中，展开Runners那一项，如下图，直接单击复制，（如果没有在菜单中找到 settings这一项，可能是项目权限不够，请管理员加下权限，改成Maintainer，就能看到了）

 注册完成后，输入命令，runner就启动了

 sudo gitlab-runner start

在页面gitlab页面上就可以看到 刚刚注册的runner

二，集成编译部署

1.创建.gitlab-ci.yml

在项目根目录.gitlab-ci.yml，下面是一个简单是示意

stages:
  - build
  - deploy

build:
  stage: build
  image: node:14  # 使用Node.js 14.x版本镜像
  script:
    - echo "=====start install======"
    - npm install
    - echo "=====start build======"
    - npm run build
  artifacts:
    paths:
      - dist/

deploy:
  stage: deploy
  script:
    - echo "=====start deploy======"
    # 这里是将生成的dist文件夹下的内容都复制到/usr/share/nginx/cmweb/的文件目录下，这里
    # 可以替换成大家需要部署的路径
    - cp -rf ./dist/.  /usr/share/nginx/cmweb/
    - echo "=====end deploy!!!!!!======"

  # only:
  #   - master #当代码合并到master分支时，该作业才会被执行