使用Jenkins远程到目标服务器自动部署vue前端frontend程序

目标:通过一台专用的发布服务器,去git服务器拉指定分支(eg:test分支/prod分支)的代码,编译并且远程部署到目标服务器,达到发布代码自动化的效果。

1、准备工作:

配置“目标服务器”和“git服务器”免密登录,可以参考:ssh免密登录Linux服务器,GitLab公钥免密管理Git源码

2、在Jenkins服务器上安装好node和npm:

3、Jenkins创建项目、拉取指定分支,npm编译,执行发布脚本

第一步:在Jenkins创建一个自由风格的软件项目

第二步:填写源码信息,项目git地址,分支名称。(如果没有git请安装Git Parameter插件):

第三步:上传编译和发布到shell脚本到服务器:

将“publish_frontend_remote_v1.0.sh”脚本上传到服务器,我的路径参考:/tool/shellscript/publish_frontend_remote_v1.0.sh
备:脚本在我的Github:publish_frontend_remote.sh,记得赋予sh文件执行权限。

第四步:拉取代码之后,执行shell脚本进行发布(编译和发布的逻辑在shell文件中):

4、测试发布:

保存后回到Jenkins项目页面,点击立即构建就会开始打包发布项目了,如果报错了,可以点击Build History看每一次发布的命令行终端输出的信息:

去打赏

觉得文章有用就打赏一下文章作者呗 ლ(╹◡╹ლ)

[微信] 扫描二维码打赏

[支付宝] 扫描二维码打赏

正在跳转到PayPal...

发表评论

Your email address will not be published / Required fields are marked *