前言
前端项目一般划分开发项目和发布项目,打包发布线上环境、测试环境较为繁琐, jenkins 可以完全地通过友好的web GUI添加任务 , 配置一系列逻辑。(ps: 本文适用于对想尝试搭建jenkins的 前端开发 小伙伴)
前期准备
环境: linux服务器和能通过外网访问的域名或者ip,本jenkins是在linux centos6.5系统搭建的。 如果想直接在window安装jenkins我敬你是条汉子。(ps:如果没有服务器和域名,可以在window下安装虚拟机:VMware,搭建一个linux系统;通过natapp注册永久域名映射到linux系统的端口)
依赖软件:jdk1.8、jenkins2.241、node、nginx、git(git建议用最新版本)
Jenkins
启动,我下载的是jenkins.war, 所以用java启动的。 执行命令: java -jar jenkins.war --prefix=/jenkins-task 那么本地就会启动一个8080的web服务,链接格式:http://192.168.146.128:8080/jenkins-task/ 。因为用到了nginx做代理,所以用了配置--prefix=/jenkins-task。(默认端口8080)
访问http://xxxxx:8080/jenkins-task/,第一次启动初始化会比较久, 按提示完成初始化即可
安装插件: publish over ssh(方便操作远程的服务器)、gitee、Last Changes(可视化查看git文件变化)
系统管理-->系统配置 配置ssh
系统管理-->全局配置 配置git
新建一个 test-fabu-prod任务并配置
配置gitee的WebHooks
Nginx配置代理
修改config配置如下:
location ^~/jenkins-task/{# 反向代理到 jenkins 8080 端口proxy_passhttp://127.0.0.1:8080/jenkins-task/; add_header Access-Control-Allow-Origin *;}
重新启动nginx
push代码验证
开发项目在master分支提交代码 并且push
总结
大概实现了从push代码 到服务器自动构建发布,发布只需要一步。希望对大家有所帮助。