首頁 >web前端 >js教程 >node-ccap模組怎麼產生captcha驗證碼?

node-ccap模組怎麼產生captcha驗證碼?

零下一度
零下一度原創
2017-07-02 10:15:451360瀏覽

本篇主要介紹了node-ccap模組產生captcha驗證碼,小編覺得蠻不錯的,現在分享給大家,也給大家做個參考。一起跟著小編過來看看吧

準備工作如下:

##這個函式庫依賴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模組就好。

產生的圖片範例:

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的請求。

結果如下圖:

有興趣的TX可以下載下來試試,如果安裝有jpeg函式庫的話,可以把根目錄下的binding. jpeg.gyp覆蓋改名為binding.gyp然後rebuild就可以使用jpeg圖片作為驗證碼了,體積會小很多。另外ccap模組做了一些快取的機制,盡量發揮更好的效能。

目前ccap已經對linux系統支援jpeg驗證碼,體積從45kb直降到6kb。

以上是node-ccap模組怎麼產生captcha驗證碼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn