手把手教你用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 相关文章推荐
JavaScript 判断浏览器类型及版本
Feb 21 Javascript
js控制表单奇偶行样式的简单方法
Jul 31 Javascript
js渐变显示渐变消失示例代码
Aug 01 Javascript
浅谈JavaScript Array对象
Dec 29 Javascript
详解JavaScript编程中正则表达式的使用
Oct 25 Javascript
AngularJS入门教程之更多模板详解
Aug 19 Javascript
JavaScript中的await/async的作用和用法
Oct 31 Javascript
JavaScript在form表单中使用button按钮实现submit提交方法
Jan 23 Javascript
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
JavaScript实现的浏览器下载文件的方法
Aug 09 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 Javascript
详解小程序BackgroundAudioManager踩坑之旅
Dec 08 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
使用PHP制作新闻系统的思路
2006/10/09 PHP
解析mysql中UNIX_TIMESTAMP()函数与php中time()函数的区别
2013/06/24 PHP
适用于抽奖程序、随机广告的PHP概率算法实例
2014/04/09 PHP
php分页查询mysql结果的base64处理方法示例
2017/05/18 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
jquery表单验证使用插件formValidator
2012/11/10 Javascript
jQuery 弹出层插件(推荐)
2016/05/24 Javascript
js实现动态创建的元素绑定事件
2016/07/19 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
2016/10/10 Javascript
Vue2.0表单校验组件vee-validate的使用详解
2017/05/02 Javascript
详解如何在React组件“外”使用父组件的Props
2018/01/12 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
2018/09/03 Javascript
浅谈vuex actions和mutation的异曲同工
2018/12/13 Javascript
vue.js实现图书管理功能
2019/09/24 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
[01:02]2014 DOTA2国际邀请赛中国区预选赛 现场抢先看
2014/05/22 DOTA
pyqt4教程之实现半透明的天气预报界面示例
2014/03/02 Python
Python实现将sqlite数据库导出转成Excel(xls)表的方法
2017/07/17 Python
Jupyter中直接显示Matplotlib的图形方法
2018/05/24 Python
500行Python代码打造刷脸考勤系统
2019/06/03 Python
python实现淘宝购物系统
2019/10/25 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
Python 忽略文件名编码的方法
2020/08/01 Python
如何一键升级Python所有包
2020/11/05 Python
python中requests模拟登录的三种方式(携带cookie/session进行请求网站)
2020/11/17 Python
解决python的空格和tab混淆而报错的问题
2021/02/26 Python
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
保洁主管岗位职责
2013/11/20 职场文书
入党积极分子思想汇报范文
2014/01/05 职场文书
营销总经理岗位职责
2014/02/02 职场文书
霸气押韵的班级口号
2014/06/09 职场文书
分公司总经理岗位职责
2014/07/30 职场文书
用javascript制作qq注册动态页面
2021/04/14 Javascript
JavaScript嵌入百度地图API的最详细方法
2021/04/16 Javascript
如何利用python实现Simhash算法
2022/06/28 Python