您现在的位置是:首页 > 短信大全

jenkins在windows上部署前端的一些实践

作者:康由时间:2024-03-30 16:20:42分类:短信大全

简介  文章浏览阅读941次,点赞22次,收藏24次。使用Jenkins 实现前端从windows10 部署到windows10_windows 安装jenkins 2.440.1

点击全文阅读

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、测试是否连接成功,出现Success则为成功

在这里插入图片描述

配置NodeJS

1、点击Tools

在这里插入图片描述

2、配置NodeJS

在这里插入图片描述

创建任务

1、新建一个Freestyle project

在这里插入图片描述

2、配置git

在这里插入图片描述

在这里插入图片描述

3、配置nodejs

在这里插入图片描述

4、增加构建步骤

在这里插入图片描述

在这里插入图片描述

@echo offdel distcall npm run buildecho Build Success:: 打包 dist 文件夹为 dist.tar.gztar cvf dist.tar dist/*echo Tar Success

注意点:如果没有npm install需要在上述步骤中call npm run build前添加npm install,笔者把node_modules也上传到git远程了,另外一定要确保Node版本能够成功构建,笔者犯了一个错误,使用本地的node去测能不能构建,结果排查好半天才发现是要确保Jenkins上安装的NodeJs

5、增加构建后步骤

在这里插入图片描述

在这里插入图片描述

jenkins-auto-start.bat内容如下,菜鸡前端不太懂windows上面的命令,网上抄的稍微改了一下

@echo offset frontHtmlFolder=D:\fontend\nginx\nginx-1.14.2\htmlREM 获取当前时间戳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-components=1REM 移动上传的文件到备份目录并添加时间戳(新建一个备份文件夹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页面直接修改工作区的方式,不过笔者目前没深入研究

点击全文阅读

郑重声明:

本站所有活动均为互联网所得,如有侵权请联系本站删除处理

我来说两句