手把手教你用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 相关文章推荐
PPK 谈 JavaScript 的 this 关键字 [翻译]
Sep 29 Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 Javascript
ExtJs使用总结(非常详细)
Mar 22 Javascript
js nextSibling属性和previousSibling属性概述及使用注意
Feb 16 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 Javascript
JS this作用域以及GET传输值过长的问题解决方法
Aug 06 Javascript
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
Mar 25 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
Dec 29 Javascript
yarn的使用与升级Node.js的方法详解
Jun 04 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
Aug 14 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
Mar 10 Javascript
JavaScript监听一个DOM元素大小变化
Apr 26 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
定制404错误页面,并发信给管理员的程序
2006/10/09 PHP
php xml实例 留言本
2009/03/20 PHP
phpmyadmin 常用选项设置详解版
2010/03/07 PHP
PHP自动选择 连接本地还是远程数据库
2010/12/02 PHP
php实现的太平洋时间和北京时间互转的自定义函数分享
2014/08/19 PHP
twig模板获取全局变量的方法
2016/02/05 PHP
php使用pclzip类实现文件压缩的方法(附pclzip类下载地址)
2016/04/30 PHP
php调用自己java程序的方法详解
2016/05/13 PHP
Laravel 关联模型-关联新增和关联更新的方法
2019/10/10 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
js中关于new Object时传参的一些细节分析
2011/03/13 Javascript
JavaScript中的运算符种类及其规则介绍
2013/09/26 Javascript
一个JavaScript处理textarea中的字符成每一行实例
2014/09/22 Javascript
js实现的牛顿摆效果
2015/03/31 Javascript
js+html5实现canvas绘制圆形图案的方法
2015/06/05 Javascript
js实现上下左右弹框划出效果
2017/03/08 Javascript
浅谈React碰到v-if
2018/11/04 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
2019/10/15 Javascript
vue导航栏部分的动态渲染实例
2019/11/01 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
功能完善的小程序日历组件的实现
2020/03/31 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
python如何为创建大量实例节省内存
2018/03/20 Python
python安装virtualenv虚拟环境步骤图文详解
2019/09/18 Python
Python 面向对象之封装、继承、多态操作实例分析
2019/11/21 Python
解决python Jupyter不能导入外部包问题
2020/04/15 Python
如何用Anaconda搭建虚拟环境并创建Django项目
2020/08/02 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
党的群众路线教育实践活动总结大会主持词
2014/10/30 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
公务员考察材料范文
2014/12/23 职场文书
新学期开学寄语2016
2015/12/04 职场文书
Python语言内置数据类型
2022/02/24 Python
CSS中实现动画效果-附案例
2022/02/28 HTML / CSS