详解node-ccap模块生成captcha验证码


Posted in Javascript onJuly 01, 2017

准备工作如下:

这个库依赖python2.7.X和node-gyp,请先安装

1、Python

安装完之后将安装目录如“C:\Python27”添加至系统环境变量PATH中。

2、node-gyp安装

全局安装node-gyp。执行npm install -g node-gyp。

3、安装ccap

npm install ccap

这里注意一下,在工程目录中,不要上传node_modules文件夹,windows和Linux并不一样。

用node做web开发很多都可能碰到需要验证码的地方,之前在github上搜索,有一些比如node-captcha等的类库,都需要依赖第三方的图形处理库或者软件,像我之前安装cario这个图形库时,真是费了好大一番劲,但是其实我们只用到了这些图形库的一点点小功能,比如图片的尺寸修改裁剪,或者生产验证码。

先介绍一下CImg这个c++的图形库吧,CImg是一个跨平台的C++的图像处理库,提供了加载、处理、显示、保存等一系列功能,最吸引人的地方是整个图形库就一个CImg.h这个文件,所以非常的便携绿色环保,带到哪里都可以进行编译使用,不用安装一大推依赖。于是我就想利用这个CImg图形库做一个简单的demo,就从实现验证码这个功能入手,当然可以完全利用这个库来做裁剪图片等其他功能。

ccap模块是基于CImg图形库的封装,让它可以供node使用,由于CImg图形库的便携性,所以ccap模块可以完全不依赖其他任何第三方图形库或者软件而独立工作,也就说如果只是想要生成简单的验证码,只要require这个ccap模块即可。

生成的图片示例:

详解node-ccap模块生成captcha验证码

1、安装:通用方法:npm install ccap或者通过github下载,地址:https://github.com/DoubleSpout/ccap

2、性能:在2cpu的linux 64位服务器上生成验证码速度可以达到1200次/秒,测试生成的图片是BMP的,jpeg的图片验证码生成速度大约在600次/秒。

3、声明方法:

var ccap = require('ccap');

var captcha1 = ccap();

var captcha2 = ccap(width, height, offset);

var captcha3 = ccap({

  width:256,//set width,default is 256

  height:60,//set height,default is 60

  offset:40,//set text spacing,default is 40

  quality:100,//set pic quality,default is 50

  generate:function(){//Custom the function to generate captcha text

     //generate captcha text here

     return text;//return the captcha text

  }

});

可以通过上述代码实例化一个ccap类。1、不传任何参数,全部使用默认的参数进行生成验证码2、只传递宽,高,偏移进行实例化,调整图片的大小,和图片中文字的间隔3、传递一个对象,除了宽,高和偏移,还传递了图片质量以及生成随机数的方法,ccap模块会根据自定义函数return的字符串作为图片验证码的内容,默认是0-9,A-Z的6位随即字符串。

理论上可以生产很多不同的ccap的实例,而且他们之间互相没有影响,所以即使是通过cluster开启多进程的node同时生产验证码也不存在互相锁止的影响。

对于图片质量只对jpeg图片有效,如果没有安装任何jpeg的lib库的话,只能使用bmp未压缩图形了,体积比较大,但是生成速度比较快。

4、使用方法,get():

var ccap = require('ccap');

var captcha = ccap();

var ary = captcha.get();//ary[0] is captcha's text,ary[1] is captcha picture buffer.

var text = ary[0];

var buffer = ary[1];

实例化ccap类之后,会得到captcha对象,这个对象只有一个对外方法,get(),这个方法每次调用都会返回验证码buffer和对应的text字符串内容,保存在数组里,类似这样的结构:

["captcha text","picture buffer"]

5、一个简单的web例子:

var http = require('http');

var ccap = require('ccap')();//Instantiated ccap class 

http.createServer(function (request, response) {

  if(request.url == '/favicon.ico')return response.end('');//Intercept request favicon.ico

  var ary = ccap.get();

  var txt = ary[0];

  var buf = ary[1];

  response.end(buf);

  console.log(txt);

}).listen(8124);

console.log('Server running at http://127.0.0.1:8124/');

上面这个例子会将验证码返回给客户端,并且把对应的验证码的文字输出出来,同时拦截了favicon.ico的请求。

结果如下图:

详解node-ccap模块生成captcha验证码

有兴趣的TX可以下载下来试试,如果安装有jpeg库的话,可以把根目录下的binding.jpeg.gyp覆盖改名为binding.gyp然后rebuild就可以使用jpeg图片作为验证码了,体积会小很多。另外ccap模块做了一些缓存的机制,尽量发挥更好的性能。

目前ccap已经对linux系统支持jpeg验证码,体积从45kb直降到6kb。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 幻灯片插件(带缩略图功能)
Jan 24 Javascript
JavaScript中json使用自己总结
Aug 13 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
Apr 15 Javascript
jQuery+css实现百度百科的页面导航效果
Dec 16 Javascript
使用bootstrap3开发响应式网站
May 12 Javascript
微信QQ的二维码登录原理js代码解析
Jun 23 Javascript
JavaScript 链式结构序列化详解
Sep 30 Javascript
bootstrap日历插件datetimepicker使用方法
Dec 14 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
Jul 16 Javascript
Vue的属性、方法、生命周期实例代码详解
Sep 17 Javascript
electron 安装,调试,打包的具体使用
Nov 06 Javascript
vue元素实现动画过渡效果
Jul 01 #Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
Jun 30 #Javascript
node.js + socket.io 实现点对点随机匹配聊天
Jun 30 #Javascript
详解vue中computed 和 watch的异同
Jun 30 #Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 #Javascript
vue2.0 axios前后端数据处理实例代码
Jun 30 #Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
Jun 30 #Javascript
You might like
URL Rewrite的设置方法
2007/01/02 PHP
深入PHP许愿墙模块功能分析
2013/06/25 PHP
PHP列出MySQL中所有数据库的方法
2015/03/12 PHP
WordPress中限制非管理员用户在文章后只能评论一次
2015/12/31 PHP
PHP+MySQL存储数据常见中文乱码问题小结
2016/06/13 PHP
12个非常有创意的JavaScript小游戏
2010/03/18 Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
2011/05/24 Javascript
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
javascript中的循环语句for语句深入理解
2014/04/04 Javascript
JQuery对表单元素的基本操作使用总结
2014/07/18 Javascript
jQuery过滤选择器用法示例
2016/09/12 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
2017/03/08 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
2017/11/22 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
2020/03/07 Javascript
vue实现公共方法抽离
2020/07/31 Javascript
javascript使用canvas实现饼状图效果
2020/09/08 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
探究Python的Tornado框架对子域名和泛域名的支持
2015/05/02 Python
对numpy中的数组条件筛选功能详解
2018/07/02 Python
利用Python检测URL状态
2019/07/31 Python
elasticsearch python 查询的两种方法
2019/08/04 Python
浅谈Python中的异常和JSON读写数据的实现
2020/02/27 Python
Pytorch 使用CNN图像分类的实现
2020/06/16 Python
Python实现上下文管理器的方法
2020/08/07 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
Html5 web本地存储实例详解
2016/07/28 HTML / CSS
北京捷通华声语音技术有限公司Java软件工程师笔试题
2012/04/10 面试题
捐书寄语赠言
2014/01/18 职场文书
个人简历自我评价范文
2014/02/04 职场文书
村庄绿化方案
2014/05/07 职场文书
团队会宣传标语
2014/10/09 职场文书
2015年护士节活动总结
2015/02/10 职场文书
怎样写辞职信
2015/02/27 职场文书
神秘岛读书笔记
2015/07/01 职场文书
运动员入场前导词
2015/07/20 职场文书