Heim > Web-Frontend > js-Tutorial > NodeJS-Crawler-Superagent und Cheerio-Erfahrungsfall

NodeJS-Crawler-Superagent und Cheerio-Erfahrungsfall

小云云
Freigeben: 2018-03-06 09:16:04
Original
1524 Leute haben es durchsucht

Ich habe schon lange von Crawlern gehört und in den letzten Tagen begonnen, Nodejs zu lernen. Ich crawle die Artikeltitel, Benutzernamen, Lesenummern, Empfehlungsnummern und Benutzeravatare auf der Homepage des Blogparks . Jetzt werde ich eine kurze Zusammenfassung machen.

Verwenden Sie diese Punkte:

1. Das Kernmodul des Knotens – Dateisystem

2. Drittanbietermodul für http-Anfrage – Superagent

 3. Ein Drittanbietermodul zum Parsen von DOM – cheerio

Detaillierte Erklärungen und APIs verschiedener Module finden Sie unter den einzelnen Links. In der Demo gibt es nur einfache Verwendungen.

Vorbereitungsarbeiten

Verwenden Sie npm, um Abhängigkeiten zu verwalten, und Abhängigkeitsinformationen werden in package.json gespeichert.

//安装用到的第三方模块
cnpm install --save superagent cheerio
Nach dem Login kopieren

Stellen Sie die erforderlichen Funktionsmodule vor

//引入第三方模块,superagent用于http请求,cheerio用于解析DOM
const request = require('superagent');
const cheerio = require('cheerio');
const fs = require('fs');
Nach dem Login kopieren

Seite anfordern + analysieren

Wenn Sie zum Inhalt auf der Homepage des Blogparks kriechen möchten, müssen Sie zuerst die Homepage-Adresse anfordern und den zurückgegebenen HTML-Code abrufen. Hier wird Superagent verwendet, um http zu erstellen Die grundlegende Verwendungsmethode lautet wie folgt:

request.get(url)
      .end(error,res){
      //do something     
}
Nach dem Login kopieren

Initiieren Sie eine Get-Anfrage an die angegebene URL. Wenn die Anfrage falsch ist, wird ein Fehler zurückgegeben (wenn kein Fehler vorliegt, ist der Fehler null). undefiniert) und res sind die zurückgegebenen Daten.

Nachdem wir den HTML-Inhalt erhalten haben, müssen wir Cheerio zum Parsen des DOM verwenden. Cheerio muss zuerst den Ziel-HTML-Inhalt laden und ihn dann analysieren. Die API ist der JQuery sehr ähnlich API. Ich bin mit JQuery vertraut und kann sehr schnell loslegen. Schauen Sie sich direkt das Codebeispiel an

//目标链接 博客园首页
let targetUrl = 'https://www.cnblogs.com/';
//用来暂时保存解析到的内容和图片地址数据
let content = '';
let imgs = [];
//发起请求
request.get(targetUrl)
    .end( (error,res) => {
      if(error){ //请求出错,打印错误,返回
        console.log(error)
        return;
      }
      // cheerio需要先load html
      let $ = cheerio.load(res.text);
      //抓取需要的数据,each为cheerio提供的方法用来遍历
      $('#post_list .post_item').each( (index,element) => {
        //分析所需要的数据的DOM结构
        //通过选择器定位到目标元素,再获取到数据
        let temp = {
          '标题' : $(element).find('h3 a').text(),
          '作者' : $(element).find('.post_item_foot > a').text(),
          '阅读数' : +$(element).find('.article_view a').text().slice(3,-2),
          '推荐数' : +$(element).find('.diggnum').text()
        }
        //拼接数据
        content += JSON.stringify(temp) + '\n';
        //同样的方式获取图片地址
        if($(element).find('img.pfs').length > 0){
          imgs.push($(element).find('img.pfs').attr('src'));
        }
      });
      //存放数据
      mkdir('./content',saveContent);
      mkdir('./imgs',downloadImg);
    })
Nach dem Login kopieren

Speichern von Daten

Nach dem Parsen des obigen DOM wurde der erforderliche Informationsinhalt gespleißt und die URL des Bildes abgerufen wird gespeichert und der Inhalt wird in der TXT-Datei im angegebenen Verzeichnis gespeichert und das Bild wird in das angegebene Verzeichnis heruntergeladen

Erstellen Sie zuerst das Verzeichnis und verwenden Sie das NodeJS-Kerndateisystem

//创建目录
function mkdir(_path,callback){
  if(fs.existsSync(_path)){
    console.log(`${_path}目录已存在`)
  }else{
    fs.mkdir(_path,(error)=>{
      if(error){
        return console.log(`创建${_path}目录失败`);
      }
      console.log(`创建${_path}目录成功`)
    })
  }
  callback(); //没有生成指定目录不会执行
}
Nach dem Login kopieren

Nachdem Sie das angegebene Verzeichnis haben, können Sie Daten schreiben. Der Inhalt der TXT-Datei ist bereits vorhanden. Verwenden Sie einfach writeFile()

//将文字内容存入txt文件中
function saveContent() {
  fs.writeFile('./content/content.txt',content.toString());
}
Nach dem Login kopieren

, um den Link zum Bild zu erhalten Sie müssen Superagent verwenden, um das Bild herunterzuladen und lokal zu speichern. Superagent kann direkt einen Antwortstrom zurückgeben und dann mit der NodeJS-Pipeline zusammenarbeiten, um den Bildinhalt direkt in den lokalen

//下载爬到的图片
function downloadImg() {
  imgs.forEach((imgUrl,index) => {
    //获取图片名 
    let imgName = imgUrl.split('/').pop();

    //下载图片存放到指定目录
    let stream = fs.createWriteStream(`./imgs/${imgName}`);
    let req = request.get('https:' + imgUrl); //响应流
    req.pipe(stream);
    console.log(`开始下载图片 https:${imgUrl} --> ./imgs/${imgName}`);     
  } )
}
Nach dem Login kopieren

Effekt

zu schreiben. Führen Sie die Demo aus und sehen Sie sich den Effekt an wurde normal nach unten gecrawlt

Eine sehr einfache Demo, die vielleicht nicht so streng ist, aber immer der erste kleine Schritt in Richtung Knoten ist.

Verwandte Empfehlungen:

node.js [superAgent] Verwendung anfordern example_node.js

Detaillierte Erläuterung des NodeJS-Crawlers

Detaillierte Erläuterung des Webanforderungsmoduls des Node.js-Crawlers

Das obige ist der detaillierte Inhalt vonNodeJS-Crawler-Superagent und Cheerio-Erfahrungsfall. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage