1.0.8 • Published 4 months ago
ahd-deploy v1.0.8
前端自动化发布
- 苹果系统,windows系统发布项目到linux系统
- 测试项目为Vue项目。其他框架项目按照原理来说,符合情况的应该也是可以成功的。
- 原理:在命令行执行项目打包命令,将生成的项目文件夹打包为后缀tar.gz压缩文件,将打包后的文件上传到服务器,对旧文件进行备份。然后将本地打包的文件覆盖到目标服务器上进行解压。 现已测试 苹果系统,windows系统发布项目到linux系统成功!
- 希望有能力的小伙伴可以自己去看插件内的代码,需要nodejs基础,难度:★★。
操作教程
点击链接前往CSDN查看图文教程: 前端自动化发布,自动部署Linux服务器,一次配置,终身一键使用(ahd-deploy)_前端代码更新自动打包部署-CSDN博客
gitee
https://gitee.com/legend-of-dongge/deploy.git
下载依赖
npm i ahd-deploy -D
按照自己的实际情况去填写 每个配置项都必填
在 根文件夹 创建一个名为 “envConfig.js” 的文件,内容为
exports.envSetting = [
{
envName: '测试环境',
maxBuffer: 5000 * 1024,
buildCommand: 'npm run build',//打包命令
buildFileName: 'dist',//打包之后的文件夹名称
remoteFileRoot: '/remote/show/wms/',//远程文件根目录 地址栏地址
remoteFileName: 'wms-ui',//远程文件夹名称
backFileRoot: '/remote/show/wms-backup/',//远程备份文件根目录 地址栏地址
configServer: {
host: '12.222.34.53',//登录地址
username: 'root',//用户名
port: 22,//端口
password: 'root',//登录密码
privateKeyPath: '/home/steel/.ssh/id_rsa'
}
},
{
envName: '正式环境',
maxBuffer: 5000 * 1024,
buildCommand: 'npm run build',//打包命令
buildFileName: 'dist',//打包之后的文件夹名称
remoteFileRoot: '/remote/show/wms/',//远程文件根目录 地址栏地址
remoteFileName: 'wms-ui',//远程文件夹名称
backFileRoot: '/remote/show/wms-backup/',//远程备份文件根目录 地址栏地址
configServer: {
host: '12.222.34.53',//登录地址
username: 'root',//用户名
port: 22,//端口
password: 'root',//登录密码
privateKeyPath: '/home/steel/.ssh/id_rsa'
}
}
]
这里只配置了两个环境,如果需要更多环境在数组中添加即可
在package.json 的 script 中添加
"deploy": "node ./node_modules/ahd-deploy",
如:
"scripts": {
"serve": "vue-cli-service serve",
"build:": "vue-cli-service build",
"deploy": "node ./node_modules/ahd-deploy",
},
最后运行 npm run deploy 执行部署
npm run deploy
———————————————————————————————————————————
2024/1/16
版本1.0.7 1. 修复了在Macos系统,无法找到envConfig.js文件的问题(不同操作系统文件路径“\” “/”不同)