node:爬虫爬取网页图片

素颜马尾好姑娘i 2022-05-11 04:36 416阅读 0赞

代码地址如下:
http://www.demodashi.com/demo/13845.html

前言

周末自己在家闲着没事,刷着微信,玩着手机,发现自己的微信头像该换了,就去网上找了一下头像,看着图片,自己就想着作为一个码农,可以把这些图片都爬取下来做成一个微信小程序,说干就干,了解一下基本都知道怎么做了,整理分享一波给大家。

目录:

  • 安装node,并下载依赖
  • 搭建服务
  • 请求我们要爬取的页面,返回json
    安装node
    我们开始安装node,可以去node官网下载node下载地址,下载完成后运行node使用,

    node -v

安装成功后会出现你所安装的版本号。

接下来我们使用node, 打印出hello world,新建一个名为index.js文件输入
console.log('hello world')
运行这个文件

  1. node index.js

就会在控制面板上输出hello world
搭建服务器
新建一个·名为node的文件夹
首先你需要下载express依赖

  1. npm install express

在新建一个名为demo.js的文件
###项目目录结构
如图:
![图片描述][Image 1]
在demo.js引入下载的express

  1. const express = require('express');
  2. const app = express();
  3. app.get('/index', function(req, res) {
  4. res.end('111')
  5. })
  6. var server = app.listen(8081, function() {
  7. var host = server.address().address
  8. var port = server.address().port
  9. console.log("应用实例,访问地址为 http://%s:%s", host, port)
  10. })

运行效果

运行node demo.js简单的服务就搭起来了,如图:
![图片描述][Image 1]
请求我们要爬取的页面
首先下载需要的依赖

  1. npm install superagent
  2. npm install superagent-charset
  3. npm install cheerio

superagent 是用来发起请求的,是一个轻量的,渐进式的ajax api,可读性好,学习曲线低,内部依赖nodejs原生的请求api,适用于nodejs环境下.,也可以使用http发起请求
superagent-charset防止爬取下来的数据乱码,更改字符格式
cheerio为服务器特别定制的,快速、灵活、实施的jQuery核心实现.。
安装完依赖就可以引入了

  1. var superagent = require('superagent');
  2. var charset = require('superagent-charset');
  3. charset(superagent);
  4. const cheerio = require('cheerio');

引入之后就请求我们的地址,https://www.qqtn.com/tx/weixintx_1.html

  1. const baseUrl = 'https://www.qqtn.com/'

这些设置完之后就是发请求了,接下来请看完整代码demo.js

  1. var superagent = require('superagent');
  2. var charset = require('superagent-charset');
  3. charset(superagent);
  4. var express = require('express');
  5. var baseUrl = 'https://www.qqtn.com/'; //输入任何网址都可以
  6. const cheerio = require('cheerio');
  7. var app = express();
  8. app.get('/index', function(req, res) {
  9. //设置请求头
  10. res.header("Access-Control-Allow-Origin", "*");
  11. res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
  12. res.header("Access-Control-Allow-Headers", "X-Requested-With");
  13. res.header('Access-Control-Allow-Headers', 'Content-Type');
  14. //类型
  15. var type = req.query.type;
  16. //页码
  17. var page = req.query.page;
  18. type = type || 'weixin';
  19. page = page || '1';
  20. var route = `tx/${type}tx_${page}.html`
  21. //网页页面信息是gb2312,所以chaeset应该为.charset('gb2312'),一般网页则为utf-8,可以直接使用.charset('utf-8')
  22. superagent.get(baseUrl + route)
  23. .charset('gb2312')
  24. .end(function(err, sres) {
  25. var items = [];
  26. if (err) {
  27. console.log('ERR: ' + err);
  28. res.json({ code: 400, msg: err, sets: items });
  29. return;
  30. }
  31. var $ = cheerio.load(sres.text);
  32. $('div.g-main-bg ul.g-gxlist-imgbox li a').each(function(idx, element) {
  33. var $element = $(element);
  34. var $subElement = $element.find('img');
  35. var thumbImgSrc = $subElement.attr('src');
  36. items.push({
  37. title: $(element).attr('title'),
  38. href: $element.attr('href'),
  39. thumbSrc: thumbImgSrc
  40. });
  41. });
  42. res.json({ code: 200, msg: "", data: items });
  43. });
  44. });
  45. var server = app.listen(8081, function() {
  46. var host = server.address().address
  47. var port = server.address().port
  48. console.log("应用实例,访问地址为 http://%s:%s", host, port)
  49. })

运行demo.js就会返回我们拿到的数据,一个简单的node爬虫就完成了。希望可以到 项目node爬虫 上点一个 star 作为你对这个项目的认可与支持,谢谢。

node:爬虫爬取网页图片

代码地址如下:
http://www.demodashi.com/demo/13845.html

注:本文著作权归作者,由demo大师发表,拒绝转载,转载需要作者授权

[Image 1]:

发表评论

表情:
评论列表 (有 0 条评论,416人围观)

还没有评论,来说两句吧...

相关阅读