作为一个前端开发人员如果你只会写一些业务代码,从程序员的角度来考虑已经可以了。但是从架构的角度来考虑那远远不够;

在此记录下成长中的经历:

想要达成的目的:运行一个脚本实现代码的打包,上传至服务器并部署到服务器中;

服务端:需要安装pm2、nodejs;

在本地根目录下创建一个脚本文件名称自编自便;

1.下载需要依赖的包
npm i compressing ssh2 -S
//compressing 的作用是用来压缩文件的
//ssh2 的作用是用来连接服务器并执行操作的
2.创建操作的文件在根目录
2.1导入node的核心模块child_process
const {exec} = require('child_process')
2.2导入 compressing 压缩文件插件
const compressing = require('compressing')
2.3导入连接远程服务器的插件 ssh2
const Client = require('ssh2').Client;
2.4创建一个对象里面是服务器连接的属性
const server = {
host : '远程服务器的ip地址',
prot : 22, //默认的不用该如果没有修改过的话
username : '登陆远程服务器的用户名',
password : '登陆的用户名密码'
}
2.5创建一个ssh2的对象
const connect = new Client()
2.6在执行整个文件的时候让node创建一个子线程
/*第一个参数是要运行的命令,第二个参数是可选的如果有兴趣可以查看node官网的child_process.exec了解,第三个参数是是回调方法
在回调方法中有三个形参 error stdout stderr
如果成功 error 将会是null else error将会是Error实例
stdout和stderr参数将会包含子进程stdout和stderr输出
*/
const bat = exec('npm run build',(err,stdout,stderr)=>{
if (err) return console.log(`exec error: ${err}`);
console.log("打包成功");
//启动压缩方法
compress();
})
2.7在执行完打包子线程后就对打包好的文件进行压缩
function compress () {
console.log('*******压缩中*******');
//使用导入的compressing插件压缩我们需要的文件
//第一个参数是要压缩的文件夹,第二个参数是压缩过后的压缩包名称
compressing.zip.compressDir('dist/','dist.zip').then(()=>{
console.log('*****压缩成功*****');
// 成功之后就调用连接服务器的方法
conn();
})
}
2.8创建一个连接服务器的方法等压缩成功之后就调用
function conn () {
console.log('*****连接服务器******');
//使用前面定义好的ssh2对象
//ready 表示身份验证成功
//error 表示发生错误
//end 表示断开连接
//close 表示连接以关闭,如果这离是由于错误,hadError则设置为true
connect.on('ready',()=>{
  //在验证成功之后对文件进行上传操作
  upload()
 }).on('error',(err)=>{
  console.error(err)
  console.log('*****连接出错*****')
 }).on('end',()=>{
  console.log('*****连接关闭*****')
 }).on('close',(err)=>{
 if (err) return console.log('*****连接出错*****')
 }).connect(server)
//connect方法使用server里面的参数连接到服务器参数详情可查看ssh2-npm官网
}
2.9当ssh2验证完成之后就调用上传文件的方法
function upload () {
console.log('******开始上传******');
//开启一个sftp会话参数是个回调方法 回调方法有两个参数一个err实例,一个sftp实例
connect.sftp((err,sftp)=>{
if (err) throw err;
  //sftp的上传操作第一个参数是本地需要上传的文件路径,第二个参数是要将本地的文件上传到服务器的那个目录下
  sftp.fastPut('压缩好的文件名称','上传到服务器的目录',(err,res)=>{
  if (err) {
console.log('****上传失败*****');
console.error(err);
//如果发生错误就调用end方法断开连接
connect.end();
return;
  }
  //如果上传成功就调用解压文件的方法
   unzipShell()
})
})
}
2.10当文件上传成功之后就调用解压方法
function unzipShell() {
//在服务器上启动一个交互shell会话第一个参数是可选的,第二个参数是回调方法第一个是error实例第二个是shell会话流
connect.shell((err,stream)=>{
console.log('******解压中******');
if (err) throw err;
  let buf = "";
  //当会话检测到输出的时候嗲用close方法
  stream.on('close',err =>{
  //关闭连接
  connect.end();
  //如果失败就打印失败如果成功就答应成功
  if (err) return console.error(err);
  console.info('****** SUCCESS!! *******');
  }).on('data',data=>{
  //data是从stream.data事件接受的字符串块
  buf += data;
  console.log(buf)
  })
   //当解压完成后在终端中输入命令
   //(以下命令只是示范具体操作看你的项目)
   //1.到上传的目录下取并且解压上传的文件
   //2.cd 到解压后的文件夹里面 将文件夹里面的所有东西复制到上一层
  //3.到上一层目录中删除掉压缩文件和解压过后的文件夹
  //4.cd 到最上层 并且使用pm2托管node服务
  stream.write('cd 上传的文件夹路径 && unzip 压缩的文件名称 \nnext\n');
   stream.write('cd 解压后的文件夹下面 && /bin/cp -r -f * ../ \nnext\n');
  stream.write('cd ../ && rm -r -f dist && rm -r -f 压缩的文件名称 \nnext\n');
   stream.write('cd ../ && pm2 start nodemon server.js \nexit\n'); //server.js就是你需要启动的文件
})
}
3.在服务端的项目根目录中增加server.js文件我使用的是node服务托管文件
//导入node模块express
const express = require("express");
//创建一个服务
const app = express();
//将静态文件托管到本地服务中 文件名称不一定是dist
app.use(express.static("./dist"));
//启动一个服务在3000端口中
app.listen(3000,(err)=>{
if (err) return err;
console.log('server running at http://127.0.0.1:3000');
})

完成的代码

server.js是单独的需要手动创建和下面代码不关联

const {
exec
} = require("child_process");
const compressing = require("compressing");
const Client = require("ssh2").Client;
const server = {
host: '服务器ip',
port: 22,
username: '用户名',
password: '密码'
} const connect = new Client(); function conn() {
console.log('*******连接服务器***********');
connect.on('ready', () => {
upload();
}).on('error', (err) => {
console.error(err);
console.log('*****连接出错******')
}).on('end', () => {
console.log('*******连接关闭********')
}).on('close', (err) => {
if (err) throw err;
}).connect(server);
} function upload() {
console.log('******开始上传********');
connect.sftp((err, sftp) => {
if (err) throw err;
sftp.fastPut('./dist.zip', '/home/yunwo/dist/dist.zip', (err, res) => {
if (err) {
console.error(err);
console.log("*******上传失败******");
connect.end();
return;
}
unzipShell()
})
})
} function unzipShell() {
connect.shell((err, stream) => {
console.log('*******解压中*******');
if (err) throw err;
let buf = "";
stream.on('close', err => {
connect.end();
if (err) return console.error(err);
console.info('******** success!! *********');
}).on('data', data => {
buf += data;
console.log(buf);
})
stream.write('cd /home/yunwo/dist && unzip dist.zip \nnext\n');
stream.write('cd dist && /bin/cp -r -f * ../ \nnext\n');
stream.write('cd .. && rm -r -f dist && rm -r -f dist.zip \nnext\n');
stream.write('cd .. && pm2 start nodemon yunwoserver.js \nexit\n');
}) } function compress() {
console.log('******压缩中********');
compressing.zip.compressDir('dist/', 'dist.zip').then(() => {
console.log('******压缩成功******');
conn();
})
} console.log('*******打包中*******'); const bat = exec('npm run build', (err, stdout, stderr) => {
if (err) return console.error(`exec error : ${err}`);
console.log('********打包成功**********');
compress();
})

node一键发布,并运行的更多相关文章

  1. 一键发布ASP.NET Web安装程序

    转载自:http://www.cnblogs.com/nangong/p/Web.html        前言:最近公司有个Web要发布,但是以前都是由实施到甲方去发布,配置,这几天有点闲,同事让我搞 ...

  2. [原创*精华]一键发布ASP.NET Web安装程序,搞WebForm的童鞋看过来...

          重要更新:鉴于很多小伙伴们说看不到图,我这边换了几个浏览器看了下,都看得到的,估计是网速问题,请耐心等待,另外,为了更好的方便大家学习,特此提供源码以及一个word文档,word文档就是本 ...

  3. 一键发布部署vs插件[AntDeploy]开源了

    deploy to remote server by one button click 功能 支持docker一键部署(支持netcore) 支持iis一键部署(支持netcore和framework ...

  4. netcore开发windows普通服务(非Web)并一键发布到服务器

    如何开发并一键发布WindowsService项目(netcore普通项目) netcore下开发windows服务如果是web项目的话,由于aspnetcore本身是支持的,把默认的host.Run ...

  5. 使用expect脚本语言写一键发布服务(代码发布、所有服务重启)

    互联网服务有很多台服务,但是在上线的时候需要将这些服务版本都更新与个个都重启,下面的脚本语言,就是一键发布服务~ 1.在/home/weihu/deploy/ 目录下建下publish .publis ...

  6. 一键发布部署vs插件[AntDeploy],让net开发者更幸福

    一键发布工具(ant deploy tool) 插件下载地址: https://marketplace.visualstudio.com/items?itemName=nainaigu.AntDepl ...

  7. NodeJs>------->>第二章:Node.js中交互式运行环境--------REL

    第二章:Node.js中交互式运行环境--------REL 一:REPL运行环境概述 C:\Users\junliu>node > foo = 'bar' ; 'bar' > 二: ...

  8. Node.js发布http服务

    Node.js发布http服务 2018-11-09 09:43:03   Visit  0 简单服务 var http = require(\'http\'); http.createServer( ...

  9. VS让人纠结的Release和网站一键发布

    这篇文章不是讲什么知识点,而是开发过程中遇到的问题,一:希望博友看到后知道的给解释一下:二:自己记录一下,下次有时间好好研究一下. 说实话这个问题已经反反复复好几次了,每次都解决不了,都是已另一种方式 ...

随机推荐

  1. XAML与C#与WPF三者到底有什么关系?

    XAML是.NET体系开发程序或者网页时前台编程的一种布局方式或者说开发语言,可以比较自由的用标签的方式进行布局,借鉴了HTML和XML等语言的风格,并且加入了一些动画等的实现.C#则是后台逻辑开发用 ...

  2. HBase学习笔记一

    HBase简介 HBase概念 HBase的原型是谷歌的Bigtable论文 HBase是一个高可靠性.高性能.面向列.可伸缩的分布式存储系统,利用HBase技术可在廉价PC上搭建起大规模结构化存储集 ...

  3. CDQZ集训DAY7 日记

    并没有考试然而心情比考试还糟糕…… 上午讲的基本就听不懂,讲课人迷之停顿.根本让人跟不上趟,声音好奇怪的说……好不容易讲到反演,Hzoi集体上线,等待装逼时刻的到来.然而,讲课人再次迷之停顿,讲一个p ...

  4. 在阿里云上搭建Spring Initializr服务器。

    参考的博客有: https://blog.csdn.net/chszs/article/details/51713174 https://segmentfault.com/a/119000001137 ...

  5. springcloud-高可用部署

    1.场景描述 前端时间只简单介绍了下springcloud的高可用方案(springcloud高可用方案),今天详细介绍下如何实施springcloud的高可用部署. 2.解决方案 2.1 架构方案 ...

  6. [Linxu] Ubuntu下载mysql

    //下载: sudo apt install mysql-server sudo apt install mysql-client sudo apt install libmysqlclient-de ...

  7. SP1805 HISTOGRA - Largest Rectangle in a Histogram 题解

    题目链接:https://www.luogu.org/problemnew/show/SP1805 分析: 我们可以用一个单调栈由低到高来存储它的高度,并用数组对每个高度记录一下它前面(包括它自己)一 ...

  8. [小米OJ] 4. 最长连续数列

    思路: 时间限制为O(n),即不能使用先排序后寻找的方法. 这里利用哈希表查询插入复杂度都为O(1)的特性来解,利用一个哈希表来保存每一个数字以及其所在数列的长度. 遍历每一个数字n:查询表中是否存在 ...

  9. [ZJOI]2008 生日聚会

    显然DP. 将题目转化下: 求由n个0.m个1组成,且满足任意子串0的数量和1的数量差绝对值不超过k的01串数量.n, m≤150,k≤20. 直接做没什么思路,,那我们尽量利用题目的时间和空间限制, ...

  10. C# backgroundwork的使用方法

    引言:在 WinForms 中,有时要执行耗时的操作,在该操作未完成之前操作用户界面,会导致用户界面停止响应.解决的方法就是新开一个线程,把耗时的操作放到线程中执行,这样就可以在用户界面上进行其它操作 ...