前端自动化发布,自动部署Linux服务器,一次配置,终身一键使用(ahd-deploy)

2024/01/16 修改:

新版本1.0.8已发布,解决了macos系统路径异常导致找不到envConfig.js文件的问题

2023/11/09 修改:

npm包上传完成,可以通过仓库地址查看ahd-deploy - npm (npmjs.com)

给大家介绍一个非常好用的前端自动化部署插件

ahd-deploy,好吧 我承认这个插件是我写的。哈哈哈

本人前端大白,两年多前端经验,插件的代码也很简单,感兴趣的童鞋可以去参考一下源代码,看一下代码是如何运行的。大佬可以绕过~

插件产生背景:

        我之前一直在使用前辈写的自动化发布插件(deploy-cli-server) 在之前的文章我也有些过,感兴趣可以去点击看一下。

        但是,我的开发环境是内网开发,不能使用网络安装解压缩,导致我的项目无法正常部署到服务器,为了能解决这种尴尬的情况,ahd-deploy就诞生了

        优点:

                不需要再服务器上下载任何东西就可以直接使用

                只需在本地项目配置一次环境,终身使用

npm地址:ahd-deploy - npm (npmjs.com)

使用方法:   就4步

下载依赖 

建议1.0.6,当前文档介绍1.0.6版本,后期迭代请移步NPM文档

npm i ahd-deploy@1.0.6 --save

配置本地环境

在 根文件夹 创建一个名为 “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",

最后运行 npm run deploy 执行部署

npm run deploy

图片演示

 下载依赖

配置环境 

添加脚本 

部署项目

有问题的小伙伴可以留言,或者去我的主页查看联系方式,欢迎讨论和指点插件的不足之处。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值