框架 Express
express 是 Node.js 应用最广泛的 web 框架,express 的官网是 http://expressjs.com/ 。
在文件目录下安装express
新建文件和package.json文件。
mkdir demo && cd demo npm init npm install express
简单实现’hello world’
在demo目录下新建一个js文件
touch app.js
写入内容:
// 这句的意思就是引入 `express` 模块,并将它赋予 `express` 这个变量等待使用。 const express = require('express'); // 调用 express 实例,它是一个函数,不带参数调用时,会返回一个 express 实例,将这个变量赋予 app 变量。 const app = express(); // app 本身有很多方法,其中包括最常用的 get、post、put/patch、delete,在这里我们调用其中的 get 方法,为我们的 `/` 路径指定一个 handler 函数。 // 这个 handler 函数会接收 req 和 res 两个对象,他们分别是请求的 request 和 response。 // request 中包含了浏览器传来的各种信息,比如 query 啊,body 啊,headers 啊之类的,都可以通过 req 对象访问到。 // res 对象,我们一般不从里面取信息,而是通过它来定制我们向浏览器输出的信息,比如 header 信息,比如想要向浏览器输出的内容。这里我们调用了它的 #send 方法,向浏览器输出一个字符串。 app.get('/', (req, res) => { res.send('Hello World'); }); // 定义好我们 app 的行为之后,让它监听本地的 3000 端口。这里的第二个函数是个回调函数,会在 listen 动作成功后执行,我们这里执行了一个命令行输出操作,告诉我们监听动作已完成。 app.listen(3000, () => { console.log('app is listening at port 3000'); });
执行
node app.js
这时候我们的 app 就跑起来了,终端中会输出 app is listening at port 3000。这时我们打开浏览器,访问 http://localhost:3000/,会出现 Hello World。
使用 superagent 与 cheerio 完成简单爬虫
superagent(http://visionmedia.github.io/superagent/ ) 是个 http 方面的库,可以发起 get 或 post 请求。
cheerio(https://github.com/cheeriojs/cheerio ) 大家可以理解成一个 Node.js 版的 jquery,用来从网页中以 css selector 取数据,使用方式跟 jquery 一样一样的。
我们试着用superagent 与 cheerio简单爬取v2ex上的内容,
用下面代码替换app.js里的内容
const express = require('express'); // 调用 express 实例,它是一个函数,不带参数调用时,会返回一个 express 实例,将这个变量赋予 app 变量。 const superagent = require('superagent'); const cheerio = require('cheerio'); const app = express(); app.get('/', (req, res, next) => { console.log(req) superagent.get('https://www.v2ex.com/') .end((err, sres) => { // 常规的错误处理 if (err) { return next(err); } // sres.text 里面存储着网页的 html 内容,将它传给 cheerio.load 之后 // 就可以得到一个实现了 jquery 接口的变量,我们习惯性地将它命名为 `$` // 剩下就都是 jquery 的内容了 let $ = cheerio.load(sres.text); let items = []; $('.item_title a').each((idx, element) => { let $element = $(element); items.push({ title: $element.text(), href: $element.attr('href') }); }); res.send(items); }); }); app.listen(3000, function () { console.log('app is listening at port 3000'); });
运行后打开3000端口,一个简单的爬虫就完成了。
来源: https://www.jianshu.com/p/b7d2fd60c90e