前端项目部署工具- Cloud Toolkit

这是一个靠此插件在nginx部署前段项目的教程

背景：前段项目要独立，脱离后台，但前端人员不会发包，于是就有了这个教程

前端项目部署工具

 

1：安装Alibaba Cloud Toolkit 插件

 

2：配置

 

3：

x项目服务器：IP 端口22 用户名XXX 密码XXXXXXXXXXXXX

复制时注意空格，然后点击test connection，成功的话就点击Add添加。

4：项目配置

5：添加命令

6：配置命令

7：内容写：sh /var/ftp/virtualuser/install_h5.sh

8：点击OK,配置完成，选中你配置的功能，点击启动

本文章用到的sh脚本

warUrl=$(find /var/ftp/virtualuser -maxdepth 1 -name "*.zip")
warName=${warUrl#*ser/}

echo ${warUrl}
echo ${warName}

prefix=/var/ftp/virtualuser
appName=eichong_h5

if [ ! -f "${warUrl}" ]; then
  echo "${warUrl}" "pkg is not existing."
  exit 1
fi

if [ ! -d "${prefix}" ]; then
  echo "${prefix}" "dir is not existing."
  exit 1
fi


rm -rf ${prefix}/${appName}
cd ${prefix}
unzip $warName
mv dist/ ${appName}/
rm $warName
#我们common.js存着不同环境的访问地址，所有各个环境需要自动替换。
cp ${prefix}/conf/dev_common.js	/var/ftp/virtualuser/eichong_h5/static/address
rm -rf /var/ftp/virtualuser/eichong_h5/static/address/common.js
mv /var/ftp/virtualuser/eichong_h5/static/address/dev_common.js /var/ftp/virtualuser/eichong_h5/static/address/common.js

以上，有任何问题可以直接留言，看到就会回复~