使用gitlab的cicd自动化部署vue项目shell流程踩坑之路
强烈建议：先在部署的服务器上手动跑一边流程
包括：（服务器上要安装node、npm、git等依赖）
1. git clone 仓库地址
2. npm install / yarn 安装依赖
3. cp -rf dist/ /var/www/html
如果以上步骤都没有出错，那再安装gitlab-runner进行自动化构建
提示：
安装git：
apt install git安装node:
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -稍等片刻，源已经添加完毕，再执行：
sudo apt-get install -y nodejs然后再执行：
安装nvm切换node版本和切换npm源的方式：
nrm安装：设置npm源的几种方式_招财酷炫猫的博客-CSDN博客_npm 源
nvm安装：Ubuntu系统安装：node及node版本管理工具nvm_1024小神的博客-CSDN博客
如果以上手动部署后没问题，开始自动化部署流程
1.安装gitlab-runner
2.注册gitlab-runner
3.编写.gitlab-ci.yml文件
1.安装gitlab-runner (执行构建任务)：
gitlab-runner可以理解为一个进程，可以跑在任何服务器上，一般都安装在项目要部署的服务器上，或者自己电脑本地也可以：
push 代码到gitlab上时，gitlab将变动通知给gitlab-CI，gitlab-CI会找到该工程下的gitlab-runner 并通知该runner执行相应脚本
Linux安装docker ：Install GitLab Runner manually on GNU/Linux | GitLab
用官方的安装方式：
先看一下自己服务器类型：uname -a
可以看到是x86系统，所以：
curl -LJO "https://gitlab-runner-downloads.s3.amazonaws.com/latest/deb/gitlab-runner_amd64.deb"开始安装：
对于 Debian 或 Ubuntu：
dpkg -i gitlab-runner_amd64.deb安装完之后可以查看一下状态：gitlab-runner status
开始注册到gitlab仓库里面：
先到gitlab仓库查看一下runner下面的信息：
这两个是比较重要的，注册的时候要用：
注册：
gitlab-runner register//注册时要输入的内容
url(gitlab服务器地址，就是上图画红线的地方)
token(项目token，就是上图画红线的地方) gitlab中按项目>Setting>CI/CD>Runners
executor(执行器，有shell,docker)等 本文选的是shell
tags(用来匹配jobs和执行任务设备(runner) 和yml脚本里的tags保持一致)
2.编写.gitlab-ci.yml文件：
.gitlab-ci.yml
git项目的根目录里的文件，记录一系列规则和执行规则
可以在gitlab上使用CI Lint验证上面yml文件的正确行。CI Lint在 CI/CD里面。
####提示
# 1.以下脚本设置的是master分支被合并时执行（设置为平常用来发版本的分支即可）
# 2.版本自动化部署到nginx下
# 3.执行yml脚本的runner名字设置的vue-runner1,即对应tagsstages: # Stages 表示构建阶段，这里有两个阶段 install, deploy- install- deploycache:key: ${CI_BUILD_REF_NAME}paths:- node_modules/install-staging:dep: # Jobs 表示构建工作，表示某个 Stage 里面执行的工作。stage: installtags:- cvtags #runner执行器的名字,与注册runner时填写的tags保持一致only: # 定义了只有在被merge到了master分支上 才会执行部署脚本。- masterscript:- echo "=====cat node/npm======"- sudo npm install -g nrm # 主要用来切换npm源- sudo nrm use taobao- npm -v- node -v- npm config get registry- whereis npm # 主要用来定位问题- whereis node- echo "=====start install======"- sudo npm install #安装依赖- echo "=====end install======"artifacts: # 将这个job生成的依赖传递给下一个job。需要设置dependenciesexpire_in: 60 mins # artifacets 的过期时间，因为这些数据都是直接保存在 Gitlab 机器上的，过于久远的资源就可以删除掉了paths: # 需要被传递给下一个job的目录。- node_modules/deploy-staging:dep:stage: deploytags:- cvtagsonly:- masterscript:- echo "=====start build======"- sudo npm run build # 将项目打包- echo "=====end build======"- echo "=====start deploy======"- sudo cp -rf ./dist/* /var/www/html/- echo "=====end deploy!!!!!!======"编写完成之后，开始推送到远程仓库，然后打开CI/CD理论上就可以看到runner在跑了：
打红×的表示出错了，，，，，，因为在调试的过程中，很多问题！！！真的很多坑
虽然刚开始已经手动部署可以成功了，但是自动化部署还是需要注意：
1.给gitlab-runner添加权限
2.执行脚本命令要添加sudo
3.服务器的node环境和gitlab-runner里面的版本不一样？？这就很奇葩了
遇到的问题
安装在哪里
- 一般安装在与gitlab所在不同的服务器上，可以注册在部署开发环境项目的服务器上
token可以多个项目共享吗？
- 可以为项目特定的token 也可以设置多个项目共享一个token
gitlab-runner遇到的问题
1.job执行失败
在.gitlab-ci.yml的 tags字段里也必须明确指明这些 tags。
2.gitlab runner 权限不够
vim /etc/sudoers
gitlab-runner ALL=(root) NOPASSWD: ALL
#加上NOPASSWD: ALL，执行命令时不用再输入passwd for gitlab-runner
3.执行yml脚本里命令提示yarn 安装失败node-sass
根目录下创建.yarnrc
registry "https://registry.npm.taobao.org"
sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
4.gitlab12.7之后自动开启auto devops
导致每次push项目都会执行job。可在管理员角色下取消 Default to Auto DevOps pipeline for all projects 的选中状态，然后点击 Save changes 即可
5.runner注册失败
ERROR: Registering runner... failed
runner=zoiK2SqN status=401 Unauthorized PANIC: Failed to register this runner. Perhaps you are having network problems 原因是：gitlab版本和gitlab-runner不兼容，已知的gitlab版本低于9.x的gitlab runner只能用v1.11.1
6.failed to remove XXX,failed to remove dist/index.html,warning: failed to remove xxxx: Permission denied；
简单粗暴地编辑/etc/passwd，将gitlab-runner账号对应的uid:gid改为0:0(和root一样)。
7.终极调试技巧：
如果不知道问题发生在哪里，就把手动部署的命令放到脚本里面执行，然后看输出的内容和手动部署的有什么差别，然后对应的调整脚本内容：
这些脚本执行的结果会在job的日志里面看到：然后针对性的调整
最后的最后：功夫不负有心人，终于让我跑成功了一次！
