node.js实现复制文本到剪切板的功能

前言

最近在工作中遇到一种需求：我需要请求后端数据，但请求数据前需要登陆，获得一个token。登陆方式是向一个json地址post数据即可。之前我的做法是，用chrome插件postman来实现登陆动作。但后来无意中发现，postman内存占用超高！即使我并没有使用它。这让我很不爽。

后来一想，实现这么简单的一个动作，用这么重的插件，对于我这样一个会nodejs的前端程序员是不是太Low了？简直不好意思对人讲自己会nodejs！

于是我就花了点时间写了个简单的脚本。本文记录一下开发过程。

实现思路

思路大概是，用nodejs脚本发请求，并将返回结果中的token自动复制到剪切板，于是我只用在调试代码中，ctrl+v就行了。

思路很简单，但实现起来居然坑很多。

nodejs没有直接复制到剪切板的API！

非常简单的功能，但nodejs没有提供。但不要绝望，因为nodejs可以调用系统命令，而系统命令中有不少可以操作剪切板的命令。

我google之后，由于系统是windows，所以考虑使用windows cmd命令中的clip，来实现复制到剪切板的功能。

nodejs调用系统命令（cmd）

即var exec = require(‘child_process').exec，然后你就可以像普通函数一样调用它，如：exec(‘echo 111');

clip命令的坑

在cmd里，实现复制文本到剪切板最简单的命令是：echo 123456 | clip。本来，在nodejs中拼出这样一句语句，交给child_process.exec执行就可以了。但这个命令的执行结果，有个我无法忍受的bug：复制出来的文本，最后有个换行符（echo造成的）！我不可能在ctrl+v后，还要按几下删除键才能ctrl+s啊！

当时让我很纠结，我很奇怪微软连这么简单的命令都没作好。但无奈事情还是要做的，只有继续寻找解决办法。于是有了下面这个不经过echo的方式：

<nul (set/p z=123456) | clip

这种方法十分别扭，注意最开头那个<，不是我打错了字！大致思路是，通过set命令设置一个变量名为p（此名随意改）的变量，值为12346，并马上调用clip复制此变量的值。 但这种方法复制出来的值还是有bug：末尾多了一个空格！虽然你代码里并没有空格，但复制出来就是有！去不掉！ 当时我简直要骂娘了！没有换行就有空格，能不能靠点谱！

麻烦而稳妥的最终实现

最后我尝试了一种思路：得到要复制的文本后，生成一个临时文件，将文本放进去；生成一个批处理文件，在批处理文件中调用clip命令，复制那个文本文件的内容；最后删除临时文本文件与批处理文件。

当时我想的是，要是这种方式还不能完美，我就弃nodejs投python!

所幸复制出来的文本，终于正常了，没有换行符，没有空格。

代码如下，为了方便发请求使用了request包：

'use strict';

var request = require('request');
var fs = require('fs');

var exec = require('child_process').exec;
var execFile = require('child_process').execFile;
request({
 method: 'POST',
 uri:'http://web.test1.com/mgw/login.json',
 headers: {
  'Content-Type':'application/json'
 },
 body: JSON.stringify({
  "loginname":"lixing1@0101005",
  "pw":"aebc3ebee2f0c8b08b43d26c2b0055b19caeaf4a",
  "res":"web"
 })
 }, function (err, result, body) {
 console.log(body);
 body = JSON.parse(body);
 copyToClipboard(body.token, function (text, stdout) {
  console.log('token copy successed!', text, stdout);
 })
});


// 简单的复制文本到剪切板的函数，参数依次是文本，成功回调
var copyToClipboard = function(text, func) {
 // 这种复制出来后最后有个换行符，不合要求
 'echo ' + text + ' | clip';
 // 这种复制出来最后有个空格，还将就
 '<nul (set/p z=' + text + ') | clip';

 // 这种方式最完美，但最麻烦
 // 会生成一个批处理文件，一个文本文件，以批处理文件复制文件文件的内容，后又需要删除两个文件。
 var temp = 'txt_' + Date.now() + '.txt';

 var str = `@echo off
<nul (set/p z=${text}) > ${temp} 
clip < ${temp} 
del ${temp}
`;
// 这句加入批处理，会导致报错，虽然能执行(复制)成功。原因应该是，del批处理文件自身的时候，nodejs还在使用他
// 'del "%~f0"';
 var cmdFile = 'ttzkxlcjv.cmd';
 fs.writeFile(cmdFile, str);
 exec(cmdFile, function(err, stdout, stderr) {
 if (err || stderr) return console.log(err, stdout, stderr);
 // 用nodejs删除文件
 fs.unlink(cmdFile);
 func(text, stdout);
 });
};

这里面涉及到cmd clip的另一个用法，即 clip < a_text.txt，这样会将后面这个文件的内容，复制出来。 这里面还有个小坑。即在批处理文件中，加入del "%~f0"删除自身，本来是可以用的，但在nodejs里执行却会报错，后来我猜想，应该是因为批处理文件在执行到删除自身的命令时，进程还被nodejs引用着，结果报错了。后来只有调用nodejs的fs.unlink命令，删除那个批处理文件。

总结

通过实现这个功能，我学会了使用Request包，调用系统命令，clip的使用方法。果然实实在在的需求，才是最强的生产力。

要是linux或mac系统，实现此功能就简单多了。

clip命令不只可以复制文本，大家可以探索下。

备: 最近嫌每次都要自己ctrl+v太麻烦，所以我使用fs.readFile与fs.writeFile，将请求回来的token直接写入我的配置文件。以上的剪切板功能也就没用上了，不过我觉得很适合记录下来这次经历。

好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

最新评论