node.js WEB开发中图片验证码的实现方法


Posted in Javascript onJune 03, 2014

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

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

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

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

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

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

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

4、使用方法,get():

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类之后,会得到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/');

注:有些代码参数可根据自己的环境自行修改
Javascript 相关文章推荐
jQuery UI AutoComplete 使用说明
Jun 20 Javascript
JavaScript仿微信打飞机游戏
Jul 05 Javascript
详解用Node.js实现Restful风格webservice
Sep 29 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
Mar 12 Javascript
jQuery实现表单动态添加与删除数据操作示例
Jul 03 jQuery
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
原生js实现抽奖小游戏
Jun 27 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
Sep 23 Javascript
微信小程序实现抖音播放效果的实例代码
Apr 11 Javascript
JavaScript布尔运算符原理使用解析
May 06 Javascript
微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法
May 19 Javascript
node.js爬虫框架node-crawler初体验
Oct 29 Javascript
node.js实现多图片上传实例
Jun 03 #Javascript
node.js正则表达式获取网页中所有链接的代码实例
Jun 03 #Javascript
jquery处理json数据实例分析
Jun 03 #Javascript
js 获取浏览器版本以此来调整CSS的样式
Jun 03 #Javascript
jQuery绑定事件不执行但alert后可以正常执行
Jun 03 #Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
Jun 03 #Javascript
jQuery多项选项卡的实现思路附样式及代码
Jun 03 #Javascript
You might like
收音机术语解释
2021/03/01 无线电
请离开include_once和require_once
2013/07/18 PHP
PHP 如何获取二维数组中某个key的集合
2014/06/03 PHP
PHP后端银联支付及退款实例代码
2017/06/23 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
php数组和链表的区别总结
2019/09/20 PHP
ext实现完整的登录代码
2008/08/08 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
2015/09/19 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
2016/02/26 Javascript
详解js中的apply与call的用法
2016/07/30 Javascript
JavaScript鼠标特效大全
2016/09/13 Javascript
js jquery 获取某一元素到浏览器顶端的距离实现方法
2018/09/05 jQuery
js实现图片放大并跟随鼠标移动特效
2019/01/18 Javascript
jquery将json转为数据字典的实例代码
2019/10/11 jQuery
vue-resource:jsonp请求百度搜索的接口示例
2019/11/09 Javascript
vue远程加载sfc组件思路详解
2019/12/25 Javascript
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
Python  __getattr__与__setattr__使用方法
2008/09/06 Python
用C++封装MySQL的API的教程
2015/05/06 Python
在DigitalOcean的服务器上部署flaskblog应用
2015/12/19 Python
python操作mysql数据库
2017/03/05 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
django的ORM操作 增加和查询
2019/07/26 Python
余弦相似性计算及python代码实现过程解析
2019/09/18 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
python语言中有算法吗
2020/06/16 Python
公司综合部的成员自我评价分享
2013/11/05 职场文书
店长助理岗位职责
2013/12/13 职场文书
房地产销售经理岗位职责
2014/01/01 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书
老干部座谈会主持词
2015/07/03 职场文书
创业计划之特色精品店
2019/08/12 职场文书
总结一下关于在Java8中使用stream流踩过的一些坑
2021/06/24 Java/Android