vue项目使用FTP传输部署项目服务器,node命令编写

前端小菜鸡一枚,总结项目中发现的小技巧,有什么不对和错误希望各位指出和补充,谢谢大家观看!
·························································································································
     最近项目中,要求用ftp协议直接将打包后部署到服务器,于是查了查资料,发现使用npm中vinyl-ftp模块很方便,模块文档 vinyl-ftp模块介绍

     话不多说,我们上代码

#!/usr/bin/env node
var fs = require('fs');                       //  引入需要模块
var vinylFs = require( 'vinyl-fs' );
var ftp = require( 'vinyl-ftp' );

var vueConfig= require('../vue.config')   //这里是为了抓取打包文件名称

var env = process.argv[2]?process.argv[2].replace('--', "").toLowerCase():null;    //抓取命令行的环境变量
var envHot = process.argv[3]?process.argv[3].replace('--', "").toLowerCase():null;
// 需要了解process.argv的文章末尾有链接
var deployInfo={           //这是是判断身测试环境还是生产环境
    staging:{
        "ftpDir":vueConfig.publicPath.substring(0, vueConfig.publicPath.lastIndexOf('/')),  //  抓取的打包文件夹名字
        "ftpAd": "***.**.***.**",  //服务器ip  
        "user": "admin",  //ftp账号
        "password": "123456" // 密码
    },
    production:{
        "ftpDir": vueConfig.publicPath.substring(0, vueConfig.publicPath.lastIndexOf('/')),
        "ftpAd": "***.**.***.**",  //服务器ip  
        "user": "admin",  //ftp账号
        "password": "123456" // 密码
    }
}

var deployConfig=null
switch(env)                //  判断抓取的字段
{
    case 'stag':
    deployConfig=deployInfo.staging;
    break;
    case 'pro':
    deployConfig=deployInfo.production;
    break;
}

var conn = new ftp( {                      // 创建实例
    host:     deployConfig.ftpAd,
    user:     deployConfig.user,
    password: deployConfig.password,
    parallel: 3,                              //  并行传输数,默认为3    
    idleTimeout:500,         // 保持空闲FTP连接的时间(毫秒),默认值为100
    log:console.log   // 日志功能,默认为null
} );

switch(envHot) {                 // 看看有没有清除指令,便于执行不同的命令
  case "clean":
    deployClean();
    break;
  default:
    deploy();

}

function deployClean()
{
    conn.rmdir( deployConfig.ftpDir,function(){
        console.log(deployConfig.ftpAd+" "+deployConfig.ftpDir+" deploy clean done!");
    });
}
function deploy()
{
  
        if(fs.existsSync("./dist"))                                   // 抓取 打包dist文件
        {
            vinylFs.src( ["./dist/**"], { buffer: false } )        
            .pipe(conn.dest( deployConfig.ftpDir))
            .on('end', function(){ console.log(deployConfig.ftpDir+' project dist folder deploy end'); });
        }else
        {
            console.log("本地需部署文件夹 "+deployConfig.localDir+" 不存在");
        }
}

至此代码基本完成,然后在package.json 的文件中,scripts下加入

    "deploy": "node ./extra_scripts/deploy.js --pro"  //我的deploy.js放置目录,--后面是环境变量

执行 npm run build 后继续执行 npm run deploy 即可发布~

有什么不对缺少的地方欢迎指出和补充,一起继续学习~~

process.argv介绍链接

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值