我从Typoro中学到的Child Process知识点(三).md

简介: child process创建子进程

Typora中可以通过配置图片上传服务的自定义命令,在自定义服务中上传图片并打印上传结果,当插入图片时就会将本地图片上传,并替换成网络图片地址。

file-uploader-cli为例, 配置fuc(windows)或/usr/local/bin/node /usr/local/bin/fuc(MacOS)之后,插入图片就会调用file-uploader-cli并传入本地图片地址,图片上传完成Typora会捕获到console打印的网络地址并替换本地图片。

Typora是怎么获取到file-uploader-cli中console打印结果呢?

Node.js中可以通过chid process创建子进程,在子进程中执行任务,并捕获子进程stdout输出。

Child Process

我们先了解一下Node.js创建方式子进程有哪几种方式,child process提供了spawn、exec、execFile、fork四种方式来创建异步子进程,execFile、exec、spawn有对应的同步子进程(会阻塞 Node.js 事件循环,直到子进程退出或终止),exec、execFile、fork底层都是通过spawn/spawnSync来实现的。

首先了解一个概念:stdin,stdout,stderr是啥?

用于输入、输出和错误输出的标准流,一般是从键盘读取,而将标准输出和标准错误打印到屏幕上。每个进程都会有相应的文件描述符绑定到stdin,stdout,stderr用来获取输入输出。

stdout和stderr输出管道的容量是有限的(且特定于平台),如果子进程在没有捕获输出的情况下写入标准输出超过该限制,则子进程会阻塞等待管道缓冲区接受更多数据。

exec和execFile可以通过maxBuffer指定stdout和stderr上允许的最大数据量(以字节为单位,默认值: 1024 * 1024),超出容量则子进程将终止并截断任何输出。

不同方式的实现

创建一个打印输出的文件,我们来获取执行print.js的输出。

#!/usr/bin/env node
// print.js
console.log('http://baidu.com')
spawn

先看一个官方的小示例

// spawn、fork、exec和execFile方法都返回 ChildProcess 实例, 实现了EventEmitter API,允许父进程·调用的监听器函数
const { spawn } = require('child_process');
const ls = spawn('ls', ['-lh', '.']);

ls.stdout.on('data', (data) => {
  console.log(`stdout: ${data}`);
});

ls.stderr.on('data', (data) => {
  console.error(`stderr: ${data}`);
});

ls.on('close', (code) => {
  console.log(`child process exited with code ${code}`);
});
spawn实现读取stdout输出数据

创建一个test.js文件来获取输出,stdout输出流的缓冲机制,数据量大时捕获会多次接收到数据。

#!/usr/bin/env node
const { spawn } = require('child_process');
const [command, ...rest] = process.argv.slice(2)
const sp = spawn(command, rest);
let output = [],errorOutput = [];

sp.stdout.on('data', (data) => {
    output.push(data)
});

sp.stderr.on('data', (data) => {
    errorOutput.push(data)
});

sp.on('close', (code) => {
  // 默认获取到的是Buffer,转成字符
  const outputStr = code === 0 ? Buffer.concat(output).toString() : Buffer.concat(errorOutput).toString()
  // 处理结尾增加的空行
  const printText = outputStr.toString().split(/\r?\n/)[0]
  // print.js输出的内容
  console.log('获取到的输出:',printText)
});

为文件添加执行权限, 并执行:

chmod +x test.js
./test.js node ./print.js
# or
node test.js node ./print.js

我们就可以看到test.js捕获到子进程的输出了。

如果为print.js创建了软连接,也可直接使用 ./test.js print
exec

exec 会创建一个新的shell,在shell中执行,执行完成后会将stdout和stderr传入回调,所以stdout会一次获取到子进程所有输出数据。

exec实现读取stdout输出数据
#!/usr/bin/env node
const { exec } = require('child_process');

exec(`${process.argv.slice(2).join(' ')}`, (error, stdout, stderr) => {
    if (error) {
      console.error(error);
      return;
    }
    // 默认获取到的是Buffer,转成字符  处理结尾增加的空行,
    const printText = stdout.toString().split(/\r?\n/)[0]
    console.log(printText);
});

execSync:

execSync和exec不同之处在于:execSync子进程完全关闭之前不会返回。

#!/usr/bin/env node
const { execSync } = require('child_process');
const result = execSync(`${process.argv.slice(2).join(' ')}`);
const printText = result.toString().split(/\r?\n/)[0]
console.log(printText)
execFile

和exec类似,不过不会创建新的shell,指定的可执行文件作为新进程,exec也是通过调用execFile来实现的。

fork

创建新的 Node.js 进程并使用建立的 IPC 通信通道(其允许在父子进程之间发送消息)

其他

pipe管道打印输出

在创建的子进程中执行任务,比如创建子进程通过npm为项目安装依赖,这个时候子进程执行信息需要输出到父进程中打印,用户才能看到执行进度和结果。

// 父进程监听子进程输出并打印
sp.stdout.on('data', (data) => {
    console.log(data)
});

sp.stderr.on('data', (data) => {
    console.log(data)
});

stdout和stderr属于标准输出流,可以使用Steam API,通过pipe管道传递到父进程中。

sp.stdout.pipe(process.stdout);
sp.stderr.pipe(process.stderr);

也可以通过指定 option.stdio 配置父进程和子进程之间建立的管道。

const { spawn } = require('child_process');
// 子进程将使用父进程的标准输入输出。
spawn('prg', [], { stdio: 'inherit' });
// 衍生仅共享标准错误的子进程。
spawn('prg', [], { stdio: ['pipe', 'pipe', process.stderr] });
// 打开额外的文件描述符=4,以与呈现 startd 风格界面的程序进行交互。
spawn('prg', [], { stdio: ['pipe', null, null, null, 'pipe'] });

Windows和类Unix(Mac,Linux,Unix)区别

child_process.execFile() 在类Unix系统上执行效率可能快,因为不用创建新的shell。但是在Windows上.bat.cmd文件在没有终端的情况下不能单独执行,所以不能使用execFile。可以通过spawn传入shell配置调用,或调用cmd.exe并传入.bat.cmd文件。

使用 cross-spawnexeca来帮我们执行命令,解决跨平台问题,更优雅调用child_process方法
相关文章
|
4月前
|
JavaScript 前端开发 Shell
Nodejs 第十五章(child_process)
Nodejs 第十五章(child_process)
49 0
|
12月前
|
JavaScript 前端开发 Java
Node.js Event Loop 的三大常见理解误区和正确概念辨析
Node.js Event Loop 的三大常见理解误区和正确概念辨析
|
前端开发 JavaScript
零基础CSS入门教程(5)——id选择器
我们前几个小结学习了class选择器和元素选择器,我们这一小节学习一下id选择器id选择器,就是应用于选择一个指定元素的。在上面的场景中,我们希望针对性的选择第三个p标签,所以我们就可以给第三个p标签指定一个id,然后使用id选择器选择这个标签。那么什么是id呢。就好比每个人都有一个唯一的身份证号,每个学生都有唯一的一个学号。id就是网页标签的唯一标识符,我们可以根据需要给标签添加id。我们向让第一个p变色 效果如下 我们这一小节学习了id选择器,我们再css里面一般很少用id选择器。我们大都使用class
零基础CSS入门教程(5)——id选择器
|
JavaScript 前端开发
每日一题:== 和 ===区别,分别在什么情况使用
每日一题:== 和 ===区别,分别在什么情况使用
115 0
|
C++
读书笔记 effective c++ Item 49 理解new-handler的行为
1. new-handler介绍 当操作符new不能满足内存分配请求的时候,它就会抛出异常。很久之前,它会返回一个null指针,一些旧的编译器仍然会这么做。你仍然会看到这种旧行为,但是我会把关于它的讨论推迟到本条款结束的时候。
799 0
|
前端开发
前端经典面试题解密-add(1)(2)(3)(4) == 10到底是个啥?
前端的小伙伴在面试的时候,几乎都会遇到一道这样的面试题: add(1)(2)(3)(4)输出结果为10。在第一次看到这道面试题的时候,很多小伙伴感到了迷茫!借用王宝强在《人在囧途》中的表演:啥啥啥,这写的都是啥?下面胡哥为各位小伙伴带来这道题的揭秘。
190 0
|
JavaScript 前端开发
图解JavaScript——代码实现(Object.create()、flat()等十四种代码原理实现不香吗?)
图解JavaScript——代码实现(Object.create()、flat()等十四种代码原理实现不香吗?)
图解JavaScript——代码实现(Object.create()、flat()等十四种代码原理实现不香吗?)
|
存储 安全 NoSQL
[PWN][进阶篇]Rop-Ret2Text介绍及实例教学
[PWN][进阶篇]Rop-Ret2Text介绍及实例教学
616 0
[PWN][进阶篇]Rop-Ret2Text介绍及实例教学