Jenkins笔记(二)————部署Vue项目

我的博客

http://www.lizhenghao.site/

环境搭建

Jenkins环境搭建

参考我的上前一篇文章【Jenkins CI/CD环境搭建】

服务器需要的配置

  1. 如果仓库是公开的,就什么都不需要配置,否则需要使用账号密码或者密钥的方式
  2. 如果服务器没装git,需要用yum install git先装个git

开始部署

点击创建item(新建任务)

image-20220131200554919

点击配置-》

image-20220131213316205

image-20220131213341426

这里需要配一下nodejs的环境,在系统全局环境设置中记得勾上nodejs的自动安装,选择合适的版本(和本机测试环境的保持一致,否则容易出错)

image-20220131213629440

最后点保存,点击立即构建:

image-20220131213715396

可以看出,成功地在目标文件夹生成了build好的文件,由于我们已经配好了nginx,腾讯云的一些域名解析配置(没配好的可以参考我以前的博客,有讲如何在腾讯云部署vue项目),可以直接在本机通过域名访问对应的网址:

image-20220131213902030

大功告成!

补充

  1. 后续每次commit之后如果需要发布项目,直接打开jenkins点构建即可(如果跟我一样用了github同步码云的还得手动同步一次),构建完后刷新网页就是新的内容了
  2. 如果想要jenkins自动构建的话,我们也可以设置定时拉取github上最新代码再构建的方式来部署,如果有时间的话后面再补充

参考博客

  1. 使用jenkins自动化打包部署Vue项目,详细教程
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值