手把手教你用Node.js爬虫爬取网站数据的方法


Posted in Javascript onJuly 05, 2018

开始之前请先确保自己安装了Node.js环境,还没有安装的的童鞋请看一下安装教程......

直接开始吧

1.在项目文件夹安装两个必须的依赖包

npm install superagent --save-dev

SuperAgent(官网是这样解释的)

-----SuperAgent is light-weight progressive ajax API crafted for flexibility, readability, and a low learning curve after being frustrated with many of the existing request APIs. It also works with Node.js!

-----superagent 是一个轻量的,渐进式的ajax api,可读性好,学习曲线低,内部依赖nodejs原生的请求api,适用于nodejs环境下

npm install cheerio --save-dev

Cheerio

-----cheerio是nodejs的抓取页面模块,为服务器特别定制的,快速、灵活、实施的jQuery核心实现。适合各种Web爬虫程序。相当于node.js中的jQuery

2.新建  crawler.js  文件

//导入依赖包
const http    = require("http");
const path    = require("path");
const url    = require("url");
const fs     = require("fs");
 
const superagent = require("superagent");
const cheerio  = require("cheerio");
3.看注释啦(这里爬取的是boss直聘网站的数据)
superagent
  .get("https://www.zhipin.com/job_detail/?city=100010000&source=10&query=%E5%89%8D%E7%AB%AF")
  .end((error,response)=>{
    //获取页面文档数据
    var content = response.text;
    //cheerio也就是nodejs下的jQuery 将整个文档包装成一个集合,定义一个变量$接收
    var $ = cheerio.load(content);
    //定义一个空数组,用来接收数据
    var result=[];
    //分析文档结构 先获取每个li 再遍历里面的内容(此时每个li里面就存放着我们想要获取的数据)
    $(".job-list li .job-primary").each((index,value)=>{
      //地址和类型为一行显示,需要用到字符串截取
      //地址
      let address=$(value).find(".info-primary").children().eq(1).html();
      //类型
      let type=$(value).find(".info-company p").html();
      //解码
      address=unescape(address.replace(/&#x/g,'%u').replace(/;/g,''));
      type=unescape(type.replace(/&#x/g,'%u').replace(/;/g,''))
      //字符串截取
      let addressArr=address.split('<em class="vline"></em>');
      let typeArr=type.split('<em class="vline"></em>');
      //将获取的数据以对象的形式添加到数组中
      result.push({
        title:$(value).find(".name .job-title").text(),
        money:$(value).find(".name .red").text(),
        address:addressArr,
        company:$(value).find(".info-company a").text(),
        type:typeArr,
        position:$(value).find(".info-publis .name").text(),
        txImg:$(value).find(".info-publis img").attr("src"),
        time:$(value).find(".info-publis p").text()
      });
      // console.log(typeof $(value).find(".info-primary").children().eq(1).html());
    });
    //将数组转换成字符串
    result=JSON.stringify(result);
    //将数组输出到json文件里 刷新目录 即可看到当前文件夹多出一个boss.json文件(打开boss.json文件,ctrl+A全选之后 ctrl+K,再Ctrl+F即可将json文件自动排版)
    fs.writeFile("boss.json",result,"utf-8",(error)=>{
      //监听错误,如正常输出,则打印null
      if(error==null){
        console.log("恭喜您,数据爬取成功!请打开json文件,先Ctrl+A,再Ctrl+K,最后Ctrl+F格式化后查看json文件(仅限Visual Studio Code编辑器)");
      }
    });
  });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
struts2 jquery 打造无限层次的树
Oct 23 Javascript
jQuery 在光标定位的地方插入文字的插件
May 10 Javascript
jquery插件制作 自增长输入框实现代码
Aug 17 jQuery
js对象与打印对象分析比较
Apr 23 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
Jul 06 Javascript
angularjs自定义ng-model标签的属性
Jan 21 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
AngularJS过滤器filter用法实例分析
Nov 04 Javascript
jQuery的事件预绑定
Dec 05 Javascript
javaScript中&quot;==&quot;和&quot;===&quot;的区别详解
Mar 16 Javascript
canvas实现贪食蛇的实践
Feb 15 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
Jul 04 #Javascript
vue两个组件间值的传递或修改方式
Jul 04 #Javascript
jQuery实现炫丽的3d旋转星空效果
Jul 04 #jQuery
jQuery实现table表格checkbox全选的方法分析
Jul 04 #jQuery
React组件内事件传参实现tab切换的示例代码
Jul 04 #Javascript
解决vue项目打包后提示图片文件路径错误的问题
Jul 04 #Javascript
浅谈在react中如何实现扫码枪输入
Jul 04 #Javascript
You might like
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
分享PHP函数实现数字与文字分页代码
2015/07/28 PHP
PHP+jquery+CSS制作头像登录窗(仿QQ登陆)
2016/10/20 PHP
服务器安全设置的几个注册表设置
2007/07/28 Javascript
javascript实现的网页局布刷新效果
2008/12/01 Javascript
js window.event对象详尽解析
2009/02/17 Javascript
js 判断一个元素是否在页面中存在
2012/12/27 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
JS+CSS实现六级网站导航主菜单效果
2015/09/28 Javascript
JavaScript模拟鼠标右键菜单效果
2020/12/08 Javascript
JavaScript禁止用户多次提交的两种方法
2016/07/24 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
js Canvas实现圆形时钟教程
2016/09/19 Javascript
JS中常用的正则表达式
2016/09/29 Javascript
JS只能输入正整数的简单实例
2016/10/07 Javascript
使用Ajax生成的Excel文件并下载的实例
2016/11/21 Javascript
Javacript中自定义的map.js  的方法
2017/11/26 Javascript
jQuery niceScroll滚动条错位问题的解决方法
2018/02/03 jQuery
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
python对数组进行反转的方法
2015/05/20 Python
Python正规则表达式学习指南
2016/08/02 Python
Python+tkinter模拟“记住我”自动登录实例代码
2018/01/16 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
python线程join方法原理解析
2020/02/11 Python
Python 用__new__方法实现单例的操作
2020/12/11 Python
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
recorder.js 基于Html5录音功能的实现
2020/05/26 HTML / CSS
StubHub德国:购买和出售门票
2017/09/06 全球购物
英国现代绅士品牌:Hackett
2017/12/17 全球购物
荷兰天然和有机产品网上商城:BigGreenSmile.nl
2020/07/26 全球购物
优秀应届毕业生自荐信
2013/11/16 职场文书
社会实践活动报告
2015/02/05 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书
城南旧事观后感
2015/06/11 职场文书
golang如何去除多余空白字符(含制表符)
2021/04/25 Golang