Skip to content

Latest commit

 

History

History
106 lines (73 loc) · 4.65 KB

File metadata and controls

106 lines (73 loc) · 4.65 KB

框架 Express

express 是 Node.js 应用最广泛的 web 框架,现在是 4.x 版本,它非常简洁。

express 的官网是 http://expressjs.com/ ,我常常上去看它的 API。

首先我们需要得到一个 express。

Node.js 的依赖是以项目为单位管理的,直接就安装在项目的 node_modules 目录下,而且每个依赖都可以有指定版本的其他依赖,这些依赖像一棵树一样。

OK,新建一个文件夹叫 test01 的,进去里面安装 express

$ mkdir test01 && cd test01
$ npm install express 

安装完成后,我们的 test01 目录下应该会出现一个 node_modules 文件夹,ls 看看

$ ls node_modules

使用npm命令提供更清晰直观的显示:

$ npm list

我们继续应用程序的编写。

新建一个 app.js 文件

$ touch app.js

复制 进去这些代码

// 这句的意思就是引入 `express` 模块,并将它赋予 `express` 这个变量等待使用。
var express = require('express');
// 调用 express 实例,它是一个函数,不带参数调用时,会返回一个 express 实例,将这个变量赋予 app 变量。
var app = express();

//use的作用是加载一个函数。这个函数被称为中间件,作用是在请求被路由匹配之前,先进行一些处理。上面这个中间件起到 logging 的作用,每收到一个请求,就在命令行输出一条记录。请特别注意,这个函数内部的next(),它代表下一个中间件,表示将处理过的请求传递给下一个中间件。整个 Express 的设计哲学就是不断对 HTTP 请求加工,然后返回一个 HTTP 回应)。
app.use(function (req, res, next) {
  console.log('request log time: ' + new Date());
  next();
});

// app 本身有很多方法,其中包括最常用的 get、post、put/patch、delete,在这里我们调用其中的 get 方法,为我们的 `/` 路径指定一个 handler 函数。
// 这个 handler 函数会接收 req 和 res 两个对象,他们分别是请求的 request 和 response。
// request 中包含了浏览器传来的各种信息,比如 query 啊,body 啊,headers 啊之类的,都可以通过 req 对象访问到。
// response 对象,我们一般不从里面取信息,而是通过它来定制我们向浏览器输出的信息,比如 header 信息,比如想要向浏览器输出的内容。这里我们调用了它的 #send 方法,向浏览器输出一个字符串。
app.get('/', function (req, res) {
  res.send('Hello World');
});

// 定义好我们 app 的行为之后,让它监听本地的 3000 端口。这里的第二个函数是个回调函数,会在 listen 动作成功后执行,我们这里执行了一个命令行输出操作,告诉我们监听动作已完成。
app.listen(3000, function () {
  console.log('app is listening at port 3000');
});

执行

$ node app.js

这时候我们的 app 就跑起来了,终端中会输出 app is listening at port 3000。这时我们打开浏览器,访问 http://localhost:3000/,会出现 Hello World。如果没有出现的话,肯定是上述哪一步弄错了,自己调试一下。

中间件示意图

补充知识

在这个例子中,node代码监听了3000端口,用户通过访问http://localhost: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有我们很熟悉的httphttpsftp,以及著名的ed2kthunder

通常我们熟悉的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文件上找到

尾声

在了解完端口和url之后,再去看例子代码,相信应该好理解很多。