上次介紹了怎么利用NodeJS + PhantomJS進(jìn)行截圖，但由于對(duì)每次截圖操作，都啟用了一個(gè)PhantomJS進(jìn)程，所以并發(fā)量上去后，效率堪憂，所以我們重寫了所有代碼，并將其獨(dú)立成為一個(gè)模塊，方便調(diào)用。
如何改進(jìn)？控制線程數(shù)，以及單線程處理url數(shù)量。使用Standard Output & WebSocket 進(jìn)行通訊。添加緩存機(jī)制，目前使用Javascript Object進(jìn)行。對(duì)外提供簡(jiǎn)易的接口。

設(shè)計(jì)圖

由于PhantomJS 1.9.0+才開始支持Websocket，所以我們先要確定在PATH中的PhantomJS是為1.9.0以上版本。在命令行鍵入：

$ phantomjs -v

如果能返回版本號(hào)1.9.x，則可以繼續(xù)操作。如果版本過低，或者出現(xiàn)錯(cuò)誤，請(qǐng)到PhantomJS官網(wǎng)下載最新版本。

如果你已經(jīng)安裝了Git，或者擁有Git Shell，那么在命令行鍵入：
$ npm install url-extract

進(jìn)行安裝。

一個(gè)簡(jiǎn)單的例子

比如我們要截取百度首頁(yè)，那么可以這樣：

復(fù)制代碼 代碼如下:

module.exports = (function () { "use strict" var urlExtract = require('url-extract'); urlExtract.snapshot('http://www.baidu.com', function (job) { console.log('This is a snapshot example.'); console.log(job); process.exit(); }); })();

下面是打?。?/P>

其中，image屬性就是截圖相對(duì)于工作路徑的地址。我們可以使用Job的getData接口來得到更清楚的數(shù)據(jù)，例如：

復(fù)制代碼 代碼如下:

module.exports = (function () { "use strict" var urlExtract = require('url-extract'); urlExtract.snapshot('http://www.baidu.com', function (job) { console.log('This is a snapshot example.'); console.log(job.getData()); process.exit(); }); })();

打印就變成了這樣了：

image表示截圖相對(duì)于工作路徑的地址，status表示狀態(tài)是否正常，true代表正常，false代表截圖失敗。

更多例子請(qǐng)參見：https://github.com/miniflycn/url-extract/tree/master/examples

.snapshot

url快照

復(fù)制代碼 代碼如下:

url {String} 要截取的地址 urls {Array} 要截取的地址數(shù)組 callback {Function} 回調(diào)函數(shù) option {Object} 可選參數(shù) ┝ id {String} 自定義url的id，如果第一個(gè)參數(shù)是urls，此參數(shù)無(wú)效 ┝ image {String} 自定義截圖的保存地址，如果第一個(gè)參數(shù)是urls，此參數(shù)無(wú)效 ┝ groupId {String} 定義一組url的groupId，用于返回時(shí)候辨認(rèn)是哪一組url ┝ ignoreCache {Boolean} 是否忽略緩存 ┗ callback {Function} 回調(diào)函數(shù)

.extract

url信息抓取，并獲取快照

url {String} 要截取的地址

urls {Array} 要截取的地址數(shù)組

callback {Function} 回調(diào)函數(shù)

option {Object} 可選參數(shù)

┝ id {String} 自定義url的id，如果第一個(gè)參數(shù)是urls，此參數(shù)無(wú)效

┝ image {String} 自定義截圖的保存地址，如果第一個(gè)參數(shù)是urls，此參數(shù)無(wú)效

┝ groupId {String} 定義一組url的groupId，用于返回時(shí)候辨認(rèn)是哪一組url

┝ ignoreCache {Boolean} 是否忽略緩存

┗ callback {Function} 回調(diào)函數(shù)

Job（類）

每一個(gè)url對(duì)應(yīng)一個(gè)job對(duì)象，url的相關(guān)信息由job對(duì)象存儲(chǔ)。

Field

Prototype

url-extract根目錄中的config文件可以進(jìn)行全局配置，默認(rèn)如下：

module.exports = { wsPort: 3001, maxJob: 100, maxQueueJob: 400, cache: 'object', maxCache: 10000, workerNum: 0};

https://github.com/miniflycn/url-extract-server-example

注意，需要安裝connect和url-extract：

$ npm install

如果你下載了網(wǎng)盤的文件，那么請(qǐng)安裝connect：

$ npm install connect

然后鍵入：

$ node bin/server

打開：

:3000

查看效果。