Node.js实现的简易网页抓取功能示例


Posted in Javascript onDecember 05, 2014

现今,网页抓取已经是一种人所共知的技术了,然而依然存在着诸多复杂性, 简单的网页爬虫依然难以胜任Ajax轮训、XMLHttpRequest,WebSockets,Flash Sockets等各种复杂技术所开发出来的现代化网站。

我们以我们在Hubdoc这个项目上的基础需求为例,在这个项目中,我们从银行,公共事业和信用卡公司的网站上抓取帐单金额,到期日期,账户号码,以及最重要的:近期账单的pdf。对于这个项目,我一开始采用了很简单的方案(暂时并没有使用我们正在评估的昂贵的商业化产品)——我以前在MessageLab/Symantec使用Perl做过的一个简单的爬虫项目。但是结果很不顺利,垃圾邮件发送者所制作的网站要比银行和公共事业公司的网站简单的多得多。

那么如何解决这个问题呢?我们主要从使用Mikea开发的优秀 request库开始。在浏览器中发出请求,并在Network窗口中查看到底发送出去了什么请求头,然后把这些请求头拷贝到代码里。这个过程很简单。仅仅是跟踪从登陆开始,到下载Pdf文件结束的这个过程,然后模拟这个过程的所有的请求而已。为了使类似的事情处理起来变得容易,并且能让网络开发者们更加合理地写爬虫程序,我把从HTML上取到结果的方把导出到jQuery中(使用轻量级 cheerio库),这使得相似的工作变得简单,也使利用CSS选择子选取一个页面中的元素变得较为简单。整个过程被包装进一个框架,而这个框架也可以做额外的工作,例如从数据库中拾取证书,加载个体机器人,和UI通过socket.io沟通。

对于一些web站点来说这个是有效的,但这仅仅是JS脚本,而不是我那个被这些公司放在他们站点上的node.js的code。他们对遗留下来的问题,针对复杂性就行分层,使得你非常难去弄明白该做什么来得到登录的信息点。对于一些站点我尝试了几天通过与request()库结合来获取,但仍是徒然。

在几近崩溃后,我发现了node-phantomjs,这个库可以让我从node中控制phantomjs headless webkit浏览器(译者注:这个我没想到一个对应的名词,headless这里的意思是渲染页面在后台完成,无需显示设备)。这看起来是一种简单的解决方案,但是还有一些phantomjs无法回避的问题需要解决:

1.PhantomJS只能告诉你页面是否完成了加载,但是你无法确定这个过程中是否存在通过JavaScript或者meta标签实现的重定向(redirect)。特别是JavaScript使用setTimeout()来延迟调用的时候。

2.PhantomJS为你提供了一个页面加载开始(pageLoadStarted)的钩子,允许你处理上面提到的问题,但是这个机能只能在你确定要加载的页面数,在每个页面加载完成时减少这个数字,并且为可能的超时提供处理(因为这种事情并不总是会发生),这样当你的数字减少为0,就可以调用你的回调函数了。这种方式可以工作,但是总让人觉得有点像是黑客手段。

3.PhantomJS每抓取一个页面需要一个完整独立的进程,因为如果不这样,无法分离每个页面之间的cookies。如果你是用同一个phantomjs进程,已经登录的页面中的session会被发送到另一个页面中。

4.无法使用PhantomJS下载资源 - 你只能将页面保存为png或者pdf。这很有用,但是这意味着我们需要求助于request()来下载pdf。

5.由于上述的原因,我必须找到一个方法来将cookie从PhantomJS的session中分发到request()的session库中去。只需要将document.cookie的字符串分发过去,解析它,然后将其注入到request()的cookie jar中去。

6.将变量注入到浏览器session中并不是件容易的事情。要这么做我需要创建一个字符串来建立一个Javascript函数。

Robot.prototype.add_page_data = function (page, name, data) {

 page.evaluate(

 "function () { var " + name + " = window." + name + " = " + JSON.stringify(data) + "}"

 );

}

7.一些网站总是充斥着console.log()之类的代码,也需要将他们重新定义,输出到我们希望的位置。为了完成这个,我这么做:
if (!console.log) {

    var iframe = document.createElement("iframe");

    document.body.appendChild(iframe);

    console = window.frames[0].console;

}

8.一些网站总是充斥着console.log()之类的代码,也需要将他们重新定义,输出到我们希望的位置。为了完成这个,我这么做:

if (!console.log) {

    var iframe = document.createElement("iframe");

    document.body.appendChild(iframe);

    console = window.frames[0].console;

}

9.告诉浏览器我点击了a标签也是件很不容易的事情,为了完成这些事情,我加入了以下的代码:
var clickElement = window.clickElement = function (id){

    var a = document.getElementById(id);

    var e = document.createEvent("MouseEvents");

    e.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

    a.dispatchEvent(e);

 };

10.我还需要限制浏览器session的最大并发量,从而保障我们不会爆掉服务器。虽然这么说,可是这个限制要比昂贵的商业解决方案所能提供的高很多。(译者注:即商业解决方案的并发量比这个解决方案大)

所有的工作结束后,我就有一个比较体面的 PhantomJS + request 的爬虫解决方案。必须使用 PhantomJS 登录后才可以返回去 request() 请求,它将使用在 PhantomJS 中设置的 Cookie 来验证登录的会话。这是一个巨大的胜利,因为我们可以使用 request() 的流来下载 pdf文件。

整个的计划就是为了让 Web 开发者相对容易的理解如何使用 jQuery 和 CSS 选择器来创建不同 Web 网站的爬虫,我还没有成功证明这个思路可行,但相信很快会了。

Javascript 相关文章推荐
SWFObject 2.1以上版本语法介绍
Jul 10 Javascript
利用a标签自动解析URL分析网址实例
Oct 20 Javascript
JS动态添加Table的TR,TD实现方法
Jan 28 Javascript
javascript实现的猜数小游戏完整实例代码
May 10 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
Mar 03 Javascript
js判断文件类型大小并给出提示的实现方法
Jan 03 Javascript
vue如何判断dom的class
Apr 26 Javascript
详解如何用typescript开发koa2的二三事
Nov 13 Javascript
深入学习Vue nextTick的用法及原理
Oct 08 Javascript
JavaScript 常见的继承方式汇总
Sep 17 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 Javascript
vue3中轻松实现switch功能组件的全过程
Jan 07 Vue.js
浅谈js的setInterval事件
Dec 05 #Javascript
浅谈javascript中createElement事件
Dec 05 #Javascript
javascript的push使用指南
Dec 05 #Javascript
javascript结合ajax读取txt文件内容
Dec 05 #Javascript
javascript实现切换td中的值
Dec 05 #Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 #Javascript
深入分析js的冒泡事件
Dec 05 #Javascript
You might like
php读取文件内容的几种方法详解
2013/06/26 PHP
php使用百度天气接口示例
2014/04/22 PHP
thinkphp3.0输出重复两次的解决方法
2014/12/19 PHP
php实现删除空目录的方法
2015/03/16 PHP
php查询内存信息操作示例
2019/05/09 PHP
精解window.setTimeout()&window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
2015/07/30 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
JQuery validate 验证一个单独的表单元素实例
2017/02/17 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
通过Kettle自定义jar包供javascript使用
2020/01/29 Javascript
微信小程序转化为uni-app项目的方法示例
2020/05/22 Javascript
[50:58]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 Mineski vs EG
2018/04/03 DOTA
Python实现LRU算法的2种方法
2015/06/24 Python
python实现基本进制转换的方法
2015/07/11 Python
Python中将字典转换为XML以及相关的命名空间解析
2015/10/15 Python
Python Paramiko模块的安装与使用详解
2016/11/18 Python
python实现斐波那契数列的方法示例
2017/01/12 Python
Python制作豆瓣图片的爬虫
2017/12/28 Python
Python版名片管理系统
2018/11/30 Python
Python中SQLite如何使用
2020/05/27 Python
用python实现一个简单的验证码
2020/12/09 Python
英国时尚优质的女装:Hope Fashion
2018/08/14 全球购物
聚网科技C++面试笔试题
2015/09/01 面试题
面试求职的个人自我评价
2013/11/16 职场文书
民族团结演讲稿范文
2014/08/27 职场文书
2014基层党员批评与自我批评范文
2014/09/24 职场文书
销售2014年度工作总结
2014/12/08 职场文书
药房管理制度范本
2015/08/06 职场文书
2015年度个人工作总结报告
2015/10/24 职场文书
pytorch实现ResNet结构的实例代码
2021/05/17 Python
Python中Selenium对Cookie的操作方法
2021/07/09 Python
浅谈Redis位图(Bitmap)及Redis二进制中的问题
2021/07/15 Redis
看完这篇文章获得一些java if优化技巧
2021/07/15 Java/Android
用Python实现屏幕截图详解
2022/01/22 Python
delete in子查询不走索引问题分析
2022/07/07 MySQL