用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,AZ的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/');
注:有些代碼參數可根據自己的環境自行修改