前端项目部署工具- Cloud Toolkit

最新推荐文章于 2024-05-31 18:39:49 发布

原创最新推荐文章于 2024-05-31 18:39:49 发布 · 2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#Cloud Toolkit

html 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用AlibabaCloudToolkit插件在nginx上部署前端项目，适合前端项目独立运行且前端人员不会发包的情况。教程涵盖插件安装、配置、服务器设置及自动化部署脚本等内容。

这是一个靠此插件在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

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