Jenkins 在windows10 to windows10下的一些前端工程实践
前端小菜鸡,对windows上的一些东西都不是很熟悉,遂想记录一下,方便以后查阅,Jenkins使用版本为2.440.1
安装Jenkins
掘金上很多比较全面的安装过程,可以参考这篇 安装Jenkins
需要注意的是jdk的版本,笔者安装的jdk版本为21
插件建议安装推荐的插件,进入后安装NodeJS Plugin(建议和内网保持一致), 和Publish Over SSH
安装ssh
参考ssh安装
测试是否安装并启动成功 cmd中输入实例 ssh lllj@192.168.1.1 lllj为目标机器的用户名,192.168.1.1为目标机器端口
配置Publish Over SSH
1、进入系统配置
2、找到Publish Over SSH
3、配置信息,这里我是用密码登录ssh
4、测试是否连接成功,出现Su***ess则为成功
配置NodeJS
1、点击Tools
2、配置NodeJS
创建任务
1、新建一个Freestyle project
2、配置git
3、配置nodejs
4、增加构建步骤
@echo off
del dist
call npm run build
echo Build Su***ess
:: 打包 dist 文件夹为 dist.tar.gz
tar cvf dist.tar dist/*
echo Tar Su***ess
注意点:如果没有npm install需要在上述步骤中call npm run build前添加npm install,笔者把node_modules也上传到git远程了,另外一定要确保Node版本能够成功构建,笔者犯了一个错误,使用本地的node去测能不能构建,结果排查好半天才发现是要确保Jenkins上安装的NodeJs
5、增加构建后步骤
jenkins-auto-start.bat内容如下,菜鸡前端不太懂windows上面的命令,网上抄的稍微改了一下
@echo off
set frontHtmlFolder=D:\fontend\nginx\nginx-1.14.2\html
REM 获取当前时间戳
set cur_time=%date:~0,4%%date:~5,2%%date:~8,2%%time:~0,2%%time:~3,2%%time:~6,2%
REM 删除目标文件夹(从逻辑上感觉最好先备份后删除,这个抄的不想改了。。。)
rmdir /s /q %frontHtmlFolder%
REM 创建目标文件夹
mkdir %frontHtmlFolder%
REM 解压上传的文件到目标文件夹
tar -xf D:\fontend\nginx\nginx-1.14.2\dist.tar -C D:\fontend\nginx\nginx-1.14.2\html --strip-***ponents=1
REM 移动上传的文件到备份目录并添加时间戳(新建一个备份文件夹backup)
move D:\fontend\nginx\nginx-1.14.2\dist.tar D:\fontend\nginx\nginx-1.14.2\backup\%cur_time%
到这里就结束了看一下执行结果吧
修改默认的workspace(个人看情况选择)
笔者强迫症,不喜欢把东西放在默认c盘 注:windows上默认的workspace路径是C:/ProgramData/Jenkins
1、添加环境变量
2、修改jenkins.xml,笔者Jenkins是安装在D:\Jenkins
3、修改内容
4、重启Jenkins 浏览器输入:http://localhost:8080/restart
注:如果想修改workspace,建议在安装后先别急着去注册安装插件,不然就要像笔者一样将整个C:\ProgramData\Jenkins下的.Jenkins文件copy到D:\Jenkins,如果您要和我有一样的操作,切记先把初始密码保存一下
Jenkins好像有提供在web页面直接修改工作区的方式,不过笔者目前没深入研究