webmagic爬取渲染网站

最近突然得知之后的工作有很多数据采集的任务，有朋友推荐webmagic这个项目，就上手玩了下。发现这个爬虫项目还是挺好用，爬取静态网站几乎不用自己写什么代码（当然是小型爬虫了~~|）。好了，废话少说，以此随笔记录一下渲染网页的爬取过程首先找到一个js渲染的网站，这里直接拿了学习文档里面给的一个网址，http://angularjs.cn/

打开网页是这样的

查看源码是这样的

 

源码这么少，不用说肯定是渲染出来的了，随便搜了一条记录，果然源码里面找不到结果

那就开始解析网址了，从浏览器开发者工具里面发现了这么些请求记录

就直接从得到的数据量最大的请求开始查看，如上红线标记的。从xhr看出这是个ajax请求来的数据，打开请求的数据是这样的

 

 从网页上找一条源码里面找不到的记录，放在这个json数据里面搜索一下，运气还是不错的，搜索到了

 

那不用说，就是它了！！接下来直接解析这个json就能拿到所有渲染后的链接了。

从网页直接点击一个链接进入，发现链接是这样的：

 

 然后回到json文件，找到这个标题

 

找到一个很了不起的东西！就是那个id，它就是链接后面带的。大胆推测，所有链接都是这个尿性！！（事实上我多点了几个链接看才敢确认这个尿性）

接下来就好办了，写代码解析这个json数据，然后拼凑出所有链接加入爬取队列爬取就行了。

结果发现通过首页链接点进去的下级链接，还是js渲染的。。。

没办法，拿着链接请求继续分析

得到这么些请求数据：

直接看到xhr栏，也就是ajax请求的数据

依旧从大到小查看json数据，和页面的内容匹配，直到第三个才找到正确的。++|

然后得到了最终数据的请求链接：http://angularjs.cn/api/article/A2KW

接下来就可以写代码了：

public class SpiderTest implements PageProcessor {
    // 抓取网站的相关配置，包括编码、抓取间隔、重试次数等
    private Site site = Site.me().setRetryTimes(3).setSleepTime(100);    
    // 先从浏览器中分析出隐藏请求可得出以下匹配规则
    private static final String URLRULE = "http://angularjs\\.cn/api/article/latest.*";
    private static String firstUrl = "http://angularjs.cn/api/article/";
    
    @Override
    public Site getSite() {
        // TODO Auto-generated method stub
        return site;
    }

    @Override
    public void process(Page page) {
        // TODO Auto-generated method stub
        /**
         * 筛选出所有符合条件的url，手动添加到爬取队列。
         */
        if (page.getUrl().regex(URLRULE).match()) {
            //通过jsonpath得到json数据中的id内容，之后再拼凑待爬取链接
            List<String> endUrls = new JsonPathSelector("$.data[*]._id").selectList(page.getRawText());
            if (CollectionUtils.isNotEmpty(endUrls)) {
                for (String endUrl : endUrls) {
                    page.addTargetRequest(firstUrl + endUrl);
                }
            }
        } else {
            //通过jsonpath从爬取到的json数据中提取出id和content内容
            page.putField("title", new JsonPathSelector("$.data.title").select(page.getRawText()));
            page.putField("content", new JsonPathSelector("$.data.content").select(page.getRawText()));
        }
        
    }
    
    @Test
    public void test(){        
        Spider.create(new SpiderTest()).addUrl("http://angularjs.cn/api/article/latest?s=20").run();
    }
}

至此一个渲染的网页就爬取下来了。over