框架 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端口,一个简单的爬虫就完成了。
端口
端口的作用:通过端口来区分出同一电脑内不同应用或者进程,从而实现一条物理网线(通过分组交换技术-比如internet)同时链接多个程序
Port_(computer_networking)
端口号是一个 16位的 uint, 所以其范围为 1 to 65535 (对TCP来说, port 0 被保留,不能被使用. 对于UDP来说, source端的端口号是可选的, 为0时表示无端口。
app.listen(3000),进程就被打标,电脑接收到的3000端口的网络消息就会被发送给我们启动的这个进程。
URL
RFC1738 定义的url格式笼统版本<scheme>:<scheme-specific-part>
,scheme有我们很熟悉的http、https、ftp,以及著名的 ed2k,thunder。
通常我们熟悉的url定义成这个样子<scheme>://<user>:<password>@<host>:<port>/<url-path>
。
用过ftp的估计能体会这么长的,网页上很少带auth信息,所以就精简成这样: <scheme>://<host>:<port>/<url-path>
。
在上面的例子中, scheme=http, host=localhost, port=3000, url-path=/
, 再联想对照一下浏览器端window.location对象。 著名的localhost,你可以在电脑的hosts文件上找到。