详解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 相关文章推荐
新页面打开实际尺寸的图片
Aug 25 Javascript
浏览器窗口加载和大小改变事件示例
Feb 27 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
javaScript给元素添加多个class的简单实现
Jul 20 Javascript
js省市区级联查询(插件版&无插件版)
Mar 21 Javascript
原生js轮播特效
May 18 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
React数据传递之组件内部通信的方法
Dec 31 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
Aug 08 Javascript
微信小程序时间戳转日期的详解
Apr 30 Javascript
js实现无缝轮播图效果
Mar 09 Javascript
Angular+ionic实现折叠展开效果的示例代码
Jul 29 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
Zend Framework教程之Application和Bootstrap用法详解
2016/03/10 PHP
PHP标准类(stdclass)用法示例
2016/09/28 PHP
php中分页及SqlHelper类用法实例
2017/01/12 PHP
javascript操作文本框readOnly
2007/05/15 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
AngularJs解决跨域问题案例详解(简单方法)
2016/05/19 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
ReactNative实现图片上传功能的示例代码
2017/07/11 Javascript
js数组实现权重概率分配
2017/09/12 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
React中常见的动画实现的几种方式
2018/01/10 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
2018/07/23 Javascript
还不懂递归?读完这篇文章保证你会懂
2018/07/29 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
2019/07/15 Javascript
通过实例解析JavaScript for in及for of区别
2020/06/15 Javascript
JavaScript 实现继承的几种方式
2021/02/19 Javascript
[48:46]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第二场 11.19
2020/11/19 DOTA
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
详解用Python实现自动化监控远程服务器
2019/05/18 Python
详解python pandas 分组统计的方法
2019/07/30 Python
Python3之乱码\xe6\x97\xa0\xe6\xb3\x95处理方式
2020/05/11 Python
美国婚礼和派对礼品网站:Kate Aspen(新娘送礼会、迎婴派对)
2018/03/28 全球购物
英国手机零售商:Metrofone
2019/03/18 全球购物
满月酒答谢词
2014/01/14 职场文书
学生感冒英文请假条
2014/02/04 职场文书
《傅雷家书》教学反思
2014/04/20 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
中学教师师德师风承诺书
2015/04/28 职场文书
毕业论文致谢信
2015/05/14 职场文书
反腐倡廉观后感
2015/06/08 职场文书
婚庆开业庆典主持词
2015/06/30 职场文书
导游词之无锡丝业博物馆
2019/11/12 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python
win10频率超出范围怎么办?win10老显示超出工作频率范围的解决方法
2022/07/07 数码科技