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直接写入我的配置文件。以上的剪切板功能也就没用上了,不过我觉得很适合记录下来这次经历。
好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
推荐阅读
-
jquery 一键复制到剪切板功能的实现
-
简单实现兼容各大浏览器的js复制内容到剪切板_html/css_WEB-ITnose
-
jquery实现一键复制到剪切板的代码分享
-
菜鸟问题:将php代码复制到另一个php文件,为何无法实现他的功能
-
用JS实现复制内容到剪切板,兼容PC和手机端,支持SAFARI浏览器的方法
-
android实现文本复制到剪切板功能(ClipboardManager)
-
node.js实现复制文本到剪切板的功能
-
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
-
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
-
js实现复制文本内容到剪切板