首先描述产生这篇随笔的场景:我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上,但是由于jenkins没有直接的API取得数据所需数据,所以我们只能从自建的容器发布Javascript Coverage数据API,供Report项目使用。

由于采用简单的数据分析,只是Host一个简单的web Server,所以本人不喜欢Tomcat,IIS这类大型工具,显得有点杀鸡用牛刀,班门弄斧。我更喜欢node.js这类简易的web容器。所以项目采用node.js,并node.js天然的javascript与html操作的天然一体,借助DOM结构使得解析Html更容易,简洁。

Node.js解析HTML DOM的当然是htmlpaser,jsdom。然而个人更喜欢jQuery的风格,与web jQuery的统一API,所以选择了node-jquery.其代码部署在Github的https://github.com/coolaj86/node-jquery.

下面是本人写个一个简单demo: 抓取Github Popular project打印在控制台输出。

var$=require('jquery');String.format=function(){vars=arguments[0];for(vari=0;i<arguments.length-1;i++){varreg=newRegExp("\\{"+i+"\\}","gm");s=s.replace(reg,arguments[i+1]);}returns;};$.get("https://github.com/popular/forked",function(html){var$doc=$(html);console.log("No.namelanguagestarforks")$doc.find("ul.repolistli.source").each(function(i,project){var$project=$(project);varname=$project.find("h4").text().trim();varlanguage=$project.find("li:eq(0)").text().trim();varstar=$project.find("li.stargazers").text().trim();varforks=$project.find("li.forks").text().trim();varrow=String.format("{4}{0}{1}{2}{3}",name,language,star,forks,i+1);console.log(row);});});

此项目寄宿在我Github https://github.com/greengerong/node-jquery-demo。仅供了解node-jquery学习demo,欢迎指教。