记录一下使用jenkins部署vue项目的一些问题
所需要准备的材料：
jdk
jenkins.war安装包
jenkins插件
如果只是部署前端的项目，只需要两个插件，我是用git进行代码管理的所以要安装git和node插件，如果是有网络的直接在jenkins的插件管理那里搜这两个插件就可以了，软件会自动帮你安装所需要的依赖插件，如果是离线的，那么就需要下载这两个插件以及其相关的依赖插件
材料下载地址
里面包含jdk，jenkins.war安装包以及jenkins的插件
https://pan.baidu.com/s/1VheYDU5Ap3BnERazSsnr-w
使用流程
安装jdk并配置环境变量
https://jingyan.baidu.com/article/1709ad805318544635c4f042.html
jenkins.war安装
将jenkins.war安装放到一个文件夹下，进入该文件夹然后cmd，输入java -jar jenkins.war执行完后当出现jenkins is fully up and running 说明已经运行成功了，浏览器输入localhost:8080就可以看到jenkins的前端页面
success.PNG
index.JPG
jenkins插件的安装和配置(这里主要是离线安装)
1.点击mangwe jenkins---mange plugins ---- advance
advance.JPG
2.插件都是.hpi格式的，这里要选择git和node上传，如果直接上传git或者node是会报错的，因为安装这两个插件之前要先安装他们的依赖插件（下载地址都有），而且要有安装顺序，如果不知道安装顺序，可以先上传其中一个，比如上传node,系统会报错缺少哪几个插件，然后看缺少什么就跟着安装就可以了,
3.jenkins的插件位置
chajian.JPG
配置node插件
node插件安装完后需要配置
1.点击mangwe jenkins---global tool configuration拉到最后，因为我是离线的所以这里的nodejs可以自己定义不过尽量写你本机的node版本，我这里是8版本的，然后下面install directory是你node安装的路径，（注意这里的node不是你安装在jenkins下面的node,而是你自己机器上的node,不要混淆）,
node.JPG
创建新项目
1.点击new item新建一个新的项目，输入项目名称，选择freestyle project,ok
pro.JPG
2.项目配置，这里第一步是你自己项目的简介，第二步是你代码管理的地址，我这里用的git,然后输入git的地址
part1.JPG
3.在build environment下面选择provide node & npm bin,第一个是你之前配置node的时候输入的名称，这一块不用填什么会自己生成
envir.JPG
4.在build下面，这里面主要是对代码进行命令的管理比如npm run build对项目进行打包等，点击add build step，（注意如果你是windows环境，要选择execute windows batch command,如果是linux环境则是execute shell,不然命令不会执行）
5.到这里已经可以实现jenkins对git上面的代码进行操作
将打包的项目推送到服务器
1.需要安装pubiish-over -ssh.hpi,我给的下载地址里面有，这个插件不需要依赖，可以直接安装
2.配置插件，点击mangwe jenkins---configure system拉到最后,name是自定义的名字，自己输入，hostname是你服务的ip地址，username是你的账户名，remote directory 是你需要将你的文件上传到服务器的路径，这个路径一定要跟你自己服务器上的对应，在下面就是你的服务器密码，port是你的端口号，这个跟连接ftp是一样的操作，下面会有个test configuration 按钮点击可以测试是否连接成功，保存。
stetm.JPG
ssh.JPG
3.回到之前新建项目的配置下，在post -build action点击add post build action,选择send build artfacts over ssh,source files是你要上传到服务器的文件路径，exec command 是你上传完成后执行的命令
last.JPG
构建项目
保存后点击左边的build now 就可以了
build.JPG
网友评论