詳解node-ccap模塊生成captcha驗(yàn)證碼
準(zhǔn)備工作如下:
這個(gè)庫依賴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ā)很多都可能碰到需要驗(yàn)證碼的地方,之前在github上搜索,有一些比如node-captcha等的類庫,都需要依賴第三方的圖形處理庫或者軟件,像我之前安裝cario這個(gè)圖形庫時(shí),真是費(fèi)了好大一番勁,但是其實(shí)我們只用到了這些圖形庫的一點(diǎn)點(diǎn)小功能,比如圖片的尺寸修改裁剪,或者生產(chǎn)驗(yàn)證碼。
先介紹一下CImg這個(gè)c++的圖形庫吧,CImg是一個(gè)跨平臺的C++的圖像處理庫,提供了加載、處理、顯示、保存等一系列功能,最吸引人的地方是整個(gè)圖形庫就一個(gè)CImg.h這個(gè)文件,所以非常的便攜綠色環(huán)保,帶到哪里都可以進(jìn)行編譯使用,不用安裝一大推依賴。于是我就想利用這個(gè)CImg圖形庫做一個(gè)簡單的demo,就從實(shí)現(xiàn)驗(yàn)證碼這個(gè)功能入手,當(dāng)然可以完全利用這個(gè)庫來做裁剪圖片等其他功能。
ccap模塊是基于CImg圖形庫的封裝,讓它可以供node使用,由于CImg圖形庫的便攜性,所以ccap模塊可以完全不依賴其他任何第三方圖形庫或者軟件而獨(dú)立工作,也就說如果只是想要生成簡單的驗(yàn)證碼,只要require這個(gè)ccap模塊即可。
生成的圖片示例:
1、安裝:通用方法:npm install ccap或者通過github下載,地址:https://github.com/DoubleSpout/ccap
2、性能:在2cpu的linux 64位服務(wù)器上生成驗(yàn)證碼速度可以達(dá)到1200次/秒,測試生成的圖片是BMP的,jpeg的圖片驗(yàn)證碼生成速度大約在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 } });
可以通過上述代碼實(shí)例化一個(gè)ccap類。1、不傳任何參數(shù),全部使用默認(rèn)的參數(shù)進(jìn)行生成驗(yàn)證碼2、只傳遞寬,高,偏移進(jìn)行實(shí)例化,調(diào)整圖片的大小,和圖片中文字的間隔3、傳遞一個(gè)對象,除了寬,高和偏移,還傳遞了圖片質(zhì)量以及生成隨機(jī)數(shù)的方法,ccap模塊會根據(jù)自定義函數(shù)return的字符串作為圖片驗(yàn)證碼的內(nèi)容,默認(rèn)是0-9,A-Z的6位隨即字符串。
理論上可以生產(chǎn)很多不同的ccap的實(shí)例,而且他們之間互相沒有影響,所以即使是通過cluster開啟多進(jìn)程的node同時(shí)生產(chǎn)驗(yà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];
實(shí)例化ccap類之后,會得到captcha對象,這個(gè)對象只有一個(gè)對外方法,get(),這個(gè)方法每次調(diào)用都會返回驗(yàn)證碼buffer和對應(yīng)的text字符串內(nèi)容,保存在數(shù)組里,類似這樣的結(jié)構(gòu):
["captcha text","picture buffer"]
5、一個(gè)簡單的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/');
上面這個(gè)例子會將驗(yàn)證碼返回給客戶端,并且把對應(yīng)的驗(yàn)證碼的文字輸出出來,同時(shí)攔截了favicon.ico的請求。
結(jié)果如下圖:
有興趣的TX可以下載下來試試,如果安裝有jpeg庫的話,可以把根目錄下的binding.jpeg.gyp覆蓋改名為binding.gyp然后rebuild就可以使用jpeg圖片作為驗(yàn)證碼了,體積會小很多。另外ccap模塊做了一些緩存的機(jī)制,盡量發(fā)揮更好的性能。
目前ccap已經(jīng)對linux系統(tǒng)支持jpeg驗(yàn)證碼,體積從45kb直降到6kb。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- node.js WEB開發(fā)中圖片驗(yàn)證碼的實(shí)現(xiàn)方法
- node實(shí)現(xiàn)登錄圖片驗(yàn)證碼的示例代碼
- Nodejs 發(fā)送Post請求功能(發(fā)短信驗(yàn)證碼例子)
- Nodejs實(shí)現(xiàn)短信驗(yàn)證碼功能
- 使用 Node.js 模擬滑動拼圖驗(yàn)證碼操作的示例代碼
- Nodejs中使用captchapng模塊生成圖片驗(yàn)證碼
- Node.JS用純JavaScript生成圖片或滑塊式驗(yàn)證碼功能
- nodejs接入阿里大魚短信驗(yàn)證碼的方法
- 阿里大于短信驗(yàn)證碼node koa2的實(shí)現(xiàn)代碼(最新)
- nodejs實(shí)現(xiàn)發(fā)送郵箱驗(yàn)證碼功能
相關(guān)文章
Node.js Buffer模塊功能及常用方法實(shí)例分析
這篇文章主要介紹了Node.js Buffer模塊功能及常用方法,結(jié)合實(shí)例形式分析了Buffer模塊的各種常用函數(shù)及相關(guān)使用技巧,需要的朋友可以參考下2019-01-01better?sqlite3安裝node?gyp原生模塊編譯prebuild-install
這篇文章主要為大家介紹了Nodejs關(guān)于原生模塊編譯node-gyp?+?prebuild-install?(以安裝?better-sqlite3為例)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11如何利用node實(shí)現(xiàn)靜態(tài)文件緩存詳解
HTTP 緩存機(jī)制作為 Web 應(yīng)用性能優(yōu)化的重要手段,對于從事 Web 開發(fā)的同學(xué)們來說,應(yīng)該是知識體系的基礎(chǔ)環(huán)節(jié),也是想要成為前端架構(gòu)的必備技能,這篇文章主要給大家介紹了關(guān)于如何利用node實(shí)現(xiàn)靜態(tài)文件緩存的相關(guān)資料,需要的朋友可以參考下2021-07-07Node.js之網(wǎng)絡(luò)通訊模塊實(shí)現(xiàn)淺析
本篇文章主要介紹了Node.js之網(wǎng)絡(luò)通訊模塊實(shí)現(xiàn)淺析,具有一定的參考價(jià)值,有興趣的可以了解一下。2017-04-04win7下安裝配置node.js+express開發(fā)環(huán)境
windows7下安裝nodejs及框架express,從誕生至今一直被熱捧,筆者最近也裝了個(gè)環(huán)境打算了解一下。安裝步驟簡單比較簡單,這里分享給大家,希望大家能夠喜歡。2015-12-12淺談Node.js輕量級Web框架Express4.x使用指南
本篇文章主要介紹了淺談Node.js輕量級Web框架Express4.x使用指南,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05用nodejs的實(shí)現(xiàn)原理和搭建服務(wù)器(動態(tài))
下面小編就為大家?guī)硪黄胣odejs的實(shí)現(xiàn)原理和搭建服務(wù)器(動態(tài))。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08