目標

輸出 CNode(https://cnodejs.org/ ) 社群首頁的所有帖子標題和連結，以 json 的形式。

• 使用 superagent 抓取網頁
• 使用 cheerio 分析網頁

內容

安裝依賴 express，superagent 和 cheerio

$ npm install express superagent cheerio --save

superagent

superagent是個 http 方面的庫，可以發起 get 或 post 請求。 https://cnodejs.org/topic/5378720ed6e2d16149fa16bd

一個簡單的post請求，並設定請求頭資訊的例子

request
    .post('/api/pet')
    .send({ name: 'Manny', species: 'cat' })
    .set('X-API-Key', 'foobar')
    .set('Accept', 'application/json')
    .end(function(res){
         if (res.ok) {
           alert('yay got ' + JSON.stringify(res.body));
         } else {
           alert('Oh no! error ' + res.text);
         }
    });
 

一個簡單的get請求

 request
   .get('/search')
   .end(function(res){

   });

請求方法也可以通過引數傳遞:

request('GET', '/search').end(callback);

delete,head,post,put和別的http動作都可以使用,來換個方法看看:

request
  .head('/favicon.ico')
  .end(function(res){

  });

delete是一個特列,因為它是系統保留的關鍵字,所以應該用.del()這個名字:

request
  .del('/user/1')
  .end(function(res){

  });
 

http請求預設的方法為get,所以就像你看到的,下面的這個例子也是可用的:

request('/search', function(res){

 });

cheerio

大家可以理解成一個 Node.js 版的 jquery，用來從網頁中以 css selector 取資料，使用方式跟 jquery 一樣的。

https://github.com/cheeriojs/cheerio

抓取資料

// 引入依賴
var express = require('express');
var superagent = require('superagent');
var cheerio = require('cheerio');

var app = express();

app.get('/', function(req, res, next) {
    // 用 superagent 去抓取 https://cnodejs.org/ 的內容
    superagent.get('https://cnodejs.org/')
        .end(function(err, sres) {
            if (err) {
                return next(err);
            }

            // sres.text 裡面儲存著網頁的 html 內容，將它傳給 cheerio.load 之後,就可以得到一個實現了 jquery 介面的變數，我們習慣性地將它命名為 `$`
            // 剩下就都是 jquery 的內容了
            var $ = cheerio.load(sres.text);
            
            var items = [];
            var tt = null;
            $('#topic_list .topic_title').each(function(index, elem) {
                var $element = $(elem);
                items.push({
                    title: $element.attr('title'),
                    href: $element.attr('href'),
                });
            });

            res.send(items);
        });
});

app.listen(3000, function (req, res) {
    console.log('app is running at port 3000');
});

相關推薦