一个前端攻城狮的全栈之路第一弹:nodejs实现一个简易的爬虫

xiaoxiao2021-02-28  76

node的http模块来实现一个简易的爬虫 1、这里只以http协议的网站为例,https的网站爬取只是解析方式略有差别,这里主要会用到node中http模块的get方法,不熟悉的小伙伴可事先预习一下 官网:  https://nodejs.org/api/http.html 中文网站: http://nodejs.cn/api/http.html#http_http_get_options_callback 2、开始上代码 (1)引入http模块,调用get方法:           filters是过滤返回的html节点,获取有用的img标签          server方法是定义的本地服务器方法,并向浏览器输出内容          ** 如果想预览到http.get返回的内容,可将html打印 http.get(url, (res) => { var html = ''; res.on('data', (data) => { html += data; }); res.on('end', () => { var courseData = filter(html); server(port, hostname, courseData); }) }).on('error', () => { console.log('获取出错'); }) (2)定义filter方法  ***这里用到的cheerio模块,处理服务器端字符串类型的html标签,使用方法和jquery几乎一模一样 感兴趣的小伙伴可以去官网了解: https://www.npmjs.com/package/cheerio /* * 解析爬取的html,解析有用的部分 */ function filter(html) { var $ = cheerio.load(html); // 获取初始化加载的img标签 var imgs = $('.responsive-common').find('img'); var listData = []; imgs.each(function() { var _this = $(this); var src = _this.data('original'); var itemData = { src: src } listData.push(itemData); }) return listData; } 3定义本地服务方法 /* * 创建本地服务器,将解析到的内容输出到页面 * @ parame {Array} courseData */ const hostname = '127.0.0.1'; const port = 3000; function server(port, hostname, courseData){ var server = http.createServer((req, res) => { // 返回的状态码,以html的格式输出 res.statusCode = 200; res.setHeader('Content-Type', 'text/html;charset=utf-8'); // 向页面输出信息 res.write( (function() { var html = ''; courseData.forEach((item, index) => { html += `<h3>${item.src}</h3><img src="${item.src}"/>`; }) return html; })() ); res.end(); }); server.listen(port, hostname, () => { console.log(`Server running at http://${hostname}:${port}/`); }); } 3、预览效果
转载请注明原文地址: https://www.6miu.com/read-53729.html

最新回复(0)