中盛浩瀚建设有限公司网站,重庆医院门户网站建设,我是做网站的,做网站的结论和心得Jenkins 配置自动化发布脚本
在Jenkins的 一个工程项目任务中, 点击左侧 配置 栏在下面的 Build Steps 中#xff0c;点击上面的 可用的环境变量列表 找到里面有一个 WORKSPACE 的变量这个变量指向我们的jenkins下工程项目源码的目录需要把这个变量利用起来 在 Build Steps 下…Jenkins 配置自动化发布脚本
在Jenkins的 一个工程项目任务中, 点击左侧 配置 栏在下面的 Build Steps 中点击上面的 可用的环境变量列表 找到里面有一个 WORKSPACE 的变量这个变量指向我们的jenkins下工程项目源码的目录需要把这个变量利用起来 在 Build Steps 下执行 shell假设这是一个前端的工程echo $WORKSPACE
cd $WORKSPACE
npm install
npm run build以上就可以进行构建了, build 完成后, 会生成dist目录我们要发布的就位于 dist 目录下 接下来就是ssh上传, 将 dist 目录下的文件部署到远程服务器 回顾下之前 Dashboard / 系统管理 / 系统配置找到下面的 SSH Server, 找到 Hostname, 这里可能是一个 ip地址, 比如192.168.3.22可以通过 ssh 登录服务器: $ ssh root192.168.3.22假设之前在jenkins上填写默认的路径是 /root, 我们想要发布到 /root/resource/nginx 中 现在要做文件上传发布回到之前填写 执行 shell的地方点击 增加构建步骤选择 Send files or execute commands over SSH这时候出现了 Send files orexecute commands over SSH 面板这里出现 SSH Server面板, 之前配置好了直接选择默认的 Server下面是 Transfers, Transfer Set Source files 这里填入 dist/** 下面的 Remote directory 填入 /resource/nginx/项目名称目录按照之前配置默认登录在了 /root 目录所以这里只要如上填写即可前面不能添加 /root 特别注意 这里直接上传到 /resource/nginx/项目名称目录 其实是不行的因为如果之前有过发布可能会导致上传不成功所以这里上传目录应该填入 /resource/nginx/项目名称目录-tmp这里先上传到一个临时目录下面还有一个 Exec command 的表单需要填写命令在 Exec command 中 填入rm -rf /root/resource/nginx/项目名称目录
mv /root/resource/nginx/项目名称目录-tmp/dist /root/resource/nginx/项目名称目录
rm -rf /root/resource/nginx/项目名称目录-tmp可以看出这里对目录文件删除后进行更新点击最下面的 应用 按钮 重新测试回调项目中点击 立即构建还有 如果 /root/resource/nginx/ 映射已经绑定了某个域名如 https://abc.com在访问 nginx 目录下的 项目名称目录 文件夹时候这时候需要访问 https://abc.com/项目名称目录如果这个前端项目是一个vue2的项目注意在 vue.config.js 中 publicPath 配置成 /项目名称目录 这时候整个发布流程就搞定了
