前端项目无独立部署环境时,使用shell命令简化依赖后台部署的繁杂操作

栏目: 编程工具 · 发布时间: 5年前

内容简介:难度不大,仅仅是一些

有一些前端项目,没有独立的的各环境部署流程,需要依附后台项目的静态服务来一同部署,这种情况下,前端同学提交一次代码将会是很繁杂的操作

  1. 修改代码
  2. 打包项目
  3. 前端项目git提交
  4. 拉取后台项目最新代码
  5. 删除后台项目的静态服务目录下,旧的前端打包资源
  6. 把新的前端资源复制到静态服务目录下
  7. 后台项目git提交

一次两次的上线还可容忍,但测试阶段,修改bug时,就需要不停重复上述流程,来部署测试环境。忍无可忍,无须再忍。。。

使用 shell 脚本组合这一系列的操作,省时省力

#!/bin/bash
# 进入后台项目 静态资源目录 =======
cd ./background-project/web/src/main/resources/static/
# 获取当前分支 =======
branch=$(git symbolic-ref --short HEAD)

# 拉去当前分支最新代码 =======
git pull origin "$branch"
echo -e "\n\nbackground-project项目当前的分支为:   $branch"

read -p $'\n\n请确认分支,是否继续操作?y or n: ' isContinue
if [ "$isContinue" != 'y' ];then 
    exit
fi

# 替换文件 =======
# 删除旧的打包资源
rm -r ./static
rm index.html
# 复制新的打包资源到后台目录下
cp -r ../../../../../../fe-project/dist/* ./
git status
read -p $'\n\n已替换文件成功,是否继续提交操作?y or n: ' isContinueSubmit
if [ "$isContinueSubmit" != 'y' ];then 
    git reset --hard ^HEAD
    exit
fi

# git提交 =======
git add .
read -p $'\n\n请输入您的commit信息: ' commitInfo
git commit -m ${commitInfo}
git push origin ${branch}

复制代码

项目地址

使用

  • 本人把 shell 文件放在了与前后端项目同级的目录下。也可以把它放在后端项目的静态目录下,记得把它添加进 .gitignore 避免提交就可以了。
  • 自行修改 前端项目打包资源路径后端项目静态资源目录路径
  • git bash(windows )或终端 (linux) 中进入 shell 文件目录下,使用 sh 命令即可执行 shell 文件: sh ./shell-tool.sh

难度不大,仅仅是一些 shell 命令和 git 命令的堆砌,但也学了一些东西

  • echo -e 可以识别转义字符。可以在输出时加入换行符 echo -e '\n hello world' 实现换行
  • 使用 $'' 形式的字符串,可以在 read 命令中使提示语换行。see here
  • read 命令
  • git 获取当前项目分支
    • branch=$(git symbolic-ref HEAD | sed -e 's,.*/\(.*\),\1,')
    • see here

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

RabbitMQ实战

RabbitMQ实战

Alvaro Videla、Jason J. W. Williams / 汪佳南 / 电子工业出版社 / 2015-10 / 75.00元

本书对RabbitMQ做了全面、翔实的讲解,体现了两位专家的真知灼见。本书首先介绍了有关MQ的历史,然后从基本的消息通信原理讲起,带领读者一路探索RabbitMQ的消息通信世界。这当中不仅包含了针对单台RabbitMQ服务器和RabbitMQ集群的讲解,还教导读者如何使用各种工具来进行监控。 本书内容浅显易懂,文笔风趣幽默。书中包含了丰富的、可以运行的示例程序源代码,读者可以自行下载并运行,......一起来看看 《RabbitMQ实战》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具