在windows的离线环境下使用jenkins部署vue项目并发

2019-10-11 本文已影响0人阿踏

记录一下使用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 按钮点击可以测试是否连接成功，保存。