Jenkins实现前端自动化部署

10 篇文章 0 订阅
4 篇文章 0 订阅

Jenkins实现前端自动化部署

背景

如果没有自动化的部署过程,每次提交代码
需要执行的操作有5步骤

# 第一步,删除旧的文件夹
rm -rf xxx

# 第二步,下载更新后的文件
git clone git@github.com:ococa/blog.git
# 或者上传文件到服务器
scp -r /User/testFile root@120.120.23.123:/root
# 固定三步骤 安装依赖
cd fileName
npm install
npm run build 
# 启动服务器

由于太繁琐于是开始考虑怎么样减少工作量

求助谷歌

image.png

结果:找到关键字 jenkins

jenkins安装

依赖

  1. java jdk

jenkins前置配置

github配置

打通github和jenkins服务器通道

  1. 在github新建Personal access tokens, 记录生成的token,只显示一次image.png

image.png在jenkinsgithub配置时候,添加Credentials(凭据),选择secret text类型并且填入 .保存之后选择新添加的配置,并测试联通性image.png
image.png

ssh服务器配置

image.png邮箱配置(可选)

jenkins创建自动流程

  1. 新建一个流水线

image.png

  1. 设置github仓库地址及配置等

image.png

  1. 设置触发构建的方式,这里选择github hook触发

image.png

  1. 设置构建过程

image.png

  1. 自动部署到其他服务器

image.png

  1. 可选(发送邮件,增加代码测试,等等)
  2. 保存

结果测试

  1. 修改github

修改.gif

  1. jenkins 输出

image.png

  1. 服务器内容

image.png 

展望

  1. 自动版本回退怎么搞?
  2. 更简单的用法?
  3. k8s docker?
  4. pm2?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值