您现在的位置是：首页 > WEB开发 > 正文

WEB开发

一文搞定Jenkins前端自动化部署

1987web2023-10-06WEB开发155

上午折腾了一下Jenkins持续集成，由于公司使用自己搭建的svn服务器来进行代码管理，因此这里Jenkins是针对svn服务器来进行的配置，后面稍微介绍了下针对Github管理的项目的Jenkins

上午折腾了一下Jenkins持续集成，由于公司使用自己搭建的svn服务器来进行代码管理，因此这里Jenkins是针对svn服务器来进行的配置，后面稍微介绍了下针对Github管理的项目的Jenkins配置之前项目每次修改之后都需要本地npm run build一次手动发布到服务器上方便测试和产品查看，有了Jenkins持续集成之后只要svn或者git提交之后就会自动打包，很方便，此次记录以备后询。声明：

后面的项目地址与打包地址都是使用em-mes，自行修改；
另外还有路径等，根据自己情况自行修改；

1. 安装1.1 安装Nginx可以直接去官网下直接下载，解压缩start nginx就可以使了，常用命令：start nginx 启动 nginx -s reload 修改配置后重新加载生效 nginx -s reopen 重新打开日志文件 nginx -t 配置文件检测是否正确教程网上不少，就不赘述了1.2 安装Jenkins从官网下载文件安装之后，我这里安装到C:\Jenkins，默认端口8080，这时候浏览器访问localhost:8080就能访问Jenkins首页，这里注意如果不安装到C盘根目录有些插件安装会出错

这里会让你去某个地方找一个初始密码文件打开并填到下面的密码框里，验证成功之后进入页面，选择Install suggested plugins推介安装的插件

插件都安装完成之后进入用户登录界面，设定用户名、密码及邮箱。然后提示 Jenkins is ready！ → Start using Jenkins ~

注意这里因为要使用node的命令来执行创建后操作，所以还需要安装插件：NodeJS Plugin、Deploy to container、Github、Post build task这里顺便记录一下启动和关闭Jenkins服务的命令行：net start jenkins // 启动Jenkins服务 net stop jenkins // 停止Jenkins服务2. 创建svn项目的Jenkins任务2.1 新建左边栏新建一个任务，输入一个任务名称，这里随便写一个![图片描述][4]2.2 配置General这里才是重头戏，进入刚刚创建的任务的配置页面的General

丢弃旧的构建就是检测到新的版本之后把旧版本的构建删除源码管理这里采用的是svn来管理代码，

构建触发器

这里的Poll SCM表示去检测是否更新构建的频率，*****表示每分钟，H****表示每小时构建cd cd C:\Jenkins\workspace\em-mes node -v npm -v cnpm i npm run build构建后操作安装插件Post build task后，可以在增加构建后操作步骤中选择Post build task选项，增加构建后执行的script，具体可以参考文章：jenkins部署maven项目构建后部署前执行shell脚本我这里的Log text是Build completeScript：rmdir /q/s C:\nginx-1.14.0\html\em-mes xcopy /y/e/i C:\Jenkins\workspace\em-mes\em-mes C:\nginx-1.14.0\html\em-mes复制生成好的文件到Nginx的目录下，路径自行修改3. 创建Github项目的Jenkins任务Jenkins不仅可以持续集成svn项目，Git项目也是可以的，这里以Github上的项目为例