準備工作如下：

這個庫依賴python2.7.X和node-gyp，請先安裝

1、Python

安裝完之后將安裝目錄如“C:\Python27”添加至系統(tǒng)環(huán)境變量PATH中。

2、node-gyp安裝

全局安裝node-gyp。執(zhí)行npm install -g node-gyp。

3、安裝ccap

npm install ccap

這里注意一下，在工程目錄中，不要上傳node_modules文件夾，windows和Linux并不一樣。

用node做web開發(fā)很多都可能碰到需要驗證碼的地方，之前在github上搜索，有一些比如node-captcha等的類庫，都需要依賴第三方的圖形處理庫或者軟件，像我之前安裝cario這個圖形庫時，真是費了好大一番勁，但是其實我們只用到了這些圖形庫的一點點小功能，比如圖片的尺寸修改裁剪，或者生產(chǎn)驗證碼。

先介紹一下CImg這個c++的圖形庫吧，CImg是一個跨平臺的C++的圖像處理庫，提供了加載、處理、顯示、保存等一系列功能，最吸引人的地方是整個圖形庫就一個CImg.h這個文件，所以非常的便攜綠色環(huán)保，帶到哪里都可以進行編譯使用，不用安裝一大推依賴。于是我就想利用這個CImg圖形庫做一個簡單的demo，就從實現(xiàn)驗證碼這個功能入手，當然可以完全利用這個庫來做裁剪圖片等其他功能。

ccap模塊是基于CImg圖形庫的封裝，讓它可以供node使用，由于CImg圖形庫的便攜性，所以ccap模塊可以完全不依賴其他任何第三方圖形庫或者軟件而獨立工作，也就說如果只是想要生成簡單的驗證碼，只要require這個ccap模塊即可。

生成的圖片示例：

1、安裝：通用方法：npm install ccap或者通過github下載，地址：https://github.com/DoubleSpout/ccap

2、性能：在2cpu的linux 64位服務(wù)器上生成驗證碼速度可以達到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、不傳任何參數(shù)，全部使用默認的參數(shù)進行生成驗證碼2、只傳遞寬，高，偏移進行實例化，調(diào)整圖片的大小，和圖片中文字的間隔3、傳遞一個對象，除了寬，高和偏移，還傳遞了圖片質(zhì)量以及生成隨機數(shù)的方法，ccap模塊會根據(jù)自定義函數(shù)return的字符串作為圖片驗證碼的內(nèi)容，默認是0-9，A-Z的6位隨即字符串。

理論上可以生產(chǎn)很多不同的ccap的實例，而且他們之間互相沒有影響，所以即使是通過cluster開啟多進程的node同時生產(chǎn)驗證碼也不存在互相鎖止的影響。

對于圖片質(zhì)量只對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()，這個方法每次調(diào)用都會返回驗證碼buffer和對應(yīng)的text字符串內(nèi)容，保存在數(shù)組里，類似這樣的結(jié)構(gòu)：

["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/');

上面這個例子會將驗證碼返回給客戶端，并且把對應(yīng)的驗證碼的文字輸出出來，同時攔截了favicon.ico的請求。

結(jié)果如下圖：

有興趣的TX可以下載下來試試，如果安裝有jpeg庫的話，可以把根目錄下的binding.jpeg.gyp覆蓋改名為binding.gyp然后rebuild就可以使用jpeg圖片作為驗證碼了，體積會小很多。另外ccap模塊做了一些緩存的機制，盡量發(fā)揮更好的性能。

目前ccap已經(jīng)對linux系統(tǒng)支持jpeg驗證碼，體積從45kb直降到6kb。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評論