最近一段时间由于各种原因入手了几个激活码,然后把它们直接放到某个站备份了。虽然说是基本不会有人看到,但是为了保险起见我还是把它们进行了最简单的 Base64 加密。以前也有用过网络上已有的此项服务,查询代码发现基本都是使用前端 Javascript 编解码。这次本着“求是”的精神,想通过 Node.js 的 Buffer
直接处理,于是自己也来写一个。
想要做成 Web 应用的话肯定是首选 Express 啦,喜欢偷懒的人当然也会更加喜欢用 express-generator
啦(笑)。
npm install -g express-generator
然后按照命令行上的提示生成一个基本应用,并安装相关依赖项,最后运行它:
express base64-test
cd base64-test && npm install
DEBUG=base64-test ./bin/www
我当然也不全是懒惰,这么做确实很方便,不过也是为了它自带的调试功能,启动之后能直接修改前端文件而不用退出运行指令。
然后我们在 ./views/index.jade
中写入目标所需的输入框以及编解码按钮:
textarea(autofocus, placeholder='请输入需要编码或解码的字符串')
a(id='encode', href='javascript:;') Base64编码
a(id='decode', href='javascript:;') Base64解码
这里根据自身需求的不同,可以使用多种表现方式,我用了 textarea
和 a
,还可以使用 input
/ button
等,以下代码会根据前者来写。
然后我们考虑到要将 textarea
中的值传递给后端进行处理,这里选择 jQuery 的 post
方法来处理,简洁明了。不要忘记先引入 jQuery 文件。
$(document).ready(function () {
$('a').click(function () {
$.post('/base64', { text: $('textarea').val(), type: $(this).attr('id') }, function (data) {
$('textarea').val(data);
});
});
});
以上代码中,type
能够将该次点击是编码还是解码的信息也一起传递出去,以便后端做出相应判断。
最后我们修改后端代码 ./routes/users.js
,为了避免歧义,这里将 users.js
重命名为 base64.js
,也与上述代码对应了起来。相应的,应用根目录 app.js
中的参数也需要略作修改,不再赘述。这里删去原有的 get
方法,添加:
router.post('/', function(req, res) {
if (req.param('type') == 'encode') {
var text = new Buffer(req.param('text'), 'utf8').toString('base64');
} else if (req.param('type') == 'decode') {
var text = new Buffer(req.param('text'), 'base64').toString('utf8');
}
res.send(text);
});
以上操作就是将前端传递的数据判断后进行编解码处理,再把结果传回去。
最后访问 http://localhost:3000/
进行测试。Enjoy!
至此,大功告成。还可以继续修改模版以及 css 文件,使页面更加美观。
以上。