[Node.js 爬蟲] 用 request + cheerio 抓取地震資訊

2018/02/11 Web

前言

本篇文章教您如何使用 Node.js 來爬蟲,這邊要使用到兩個函式庫,分別為 requestcheerio,request 等同於 ajax 作為撈取網頁資料的請求方式可以把整個網頁的 HTML 抓取下來,而 cheerio 就等同於 jquery 一樣可以做標籤的擷取,廢話不多說就來用中央氣象局的地震網頁來實作爬蟲吧!

安裝 request 與 cheerio

使用 NPM 安裝 request 與 cheerio 套件。

npm install request cheerio

實作

首先建立一個 index.js 檔分別引入 request 與 cheerio 還有 fs,fs 是 NodeJS 的讀檔模組,包含讀取、刪除、寫入等動作。

引入函式庫後就來建立一個 function() 名稱取名為 earthquake,首先使用 request 來做一個請,第一個參數為網址(url),第二個參數為請求方法(method)這邊使用 GET 請求方式,後面接著一個 callback 函式他會回傳一個 body 內容為 HTML 格式。

成功取得 body 接下來就要利用 cheerio 來爬取資料了,首先我們要知道我們要爬取哪一個標籤內容,打開瀏覽器 > 右鍵 > 檢查,可以發先我們要的資料被一個 Table 包起來此 Table 的類別名稱為(BoxTable)然而裡面每一列的資料又被 tr 包起來,所以我們 query 的路徑為 $(".BoxTable tr"),成功取得每一列的資料後利用陣列走訪方式讀取每一列資訊,然而每一列有多個欄位所以再用 .find('td') 找到每個欄位內容,才能依序的解析個個欄位內容,最後就把結果利用 ES6 的 Object.assign() 產生一筆物件把所有結果塞進去並推入 result 陣列中。

整個陣列走訪完成後使用 fs.writeFileSync() 把陣列(result)寫入 result.json 檔案中,最後我們設定每半小時呼叫此函式固定爬蟲撈取資料 setInterval(earthquake, 30 * 60 * 1000)

const request = require("request");
const cheerio = require("cheerio");
const fs = require("fs");

const earthquake = function () {
  request({
    url: "http://www.cwb.gov.tw/V7/modules/MOD_EC_Home.htm", // 中央氣象局網頁
    method: "GET"
  }, function (error, response, body) {
    if (error || !body) {
      return;
    }
    const $ = cheerio.load(body); // 載入 body
    const result = []; // 建立一個儲存結果的容器
    const table_tr = $(".BoxTable tr"); // 爬最外層的 Table(class=BoxTable) 中的 tr

    for (let i = 1; i < table_tr.length; i++) { // 走訪 tr
      const table_td = table_tr.eq(i).find('td'); // 擷取每個欄位(td)
      const time = table_td.eq(1).text(); // time (台灣時間)
      const latitude = table_td.eq(2).text(); // latitude (緯度)
      const longitude = table_td.eq(3).text(); // longitude (經度)
      const amgnitude = table_td.eq(4).text(); // magnitude (規模)
      const depth = table_td.eq(5).text(); // depth (深度)
      const location = table_td.eq(6).text(); // location (位置)
      const url = table_td.eq(7).text(); // url (網址)
      // 建立物件並(push)存入結果
      result.push(Object.assign({ time, latitude, longitude, amgnitude, depth, location, url }));
    }
    // 在終端機(console)列出結果
    console.log(result);
    // 寫入 result.json 檔案
    fs.writeFileSync("result.json", JSON.stringify(result));
  });
};

earthquake();
// 每半小時爬一次資料
setInterval(earthquake, 30 * 60 * 1000);

鼓勵持續創作,支持化讚為賞!透過下方的 Like 拍手👏,讓創作者獲得額外收入~
版主10在2020年首次開設YouTube頻道,嘗試拍攝程式教學。想要了解更多的朋友歡迎關注我的頻道,您的訂閱就是最大的支持~如果想學其他什麼內容也歡迎許願XD
https://www.youtube.com/channel/UCSNPCGvMYEV-yIXAVt3FA5A

Search

    Table of Contents