Express 框架

2018-09-12  本文已影响0人  MadYao

Express 简介

Express是基于Node.js平台的快速、开放、极简的web应用开发框架。

提供了一系列强大特性帮助你创建各种Web和移动设备应用,方便快速地搭建一个完整功能的网站。

丰富的HTTP快捷方法和任意组合的Connect中间件,快速简单创建健壮、友好的API。

Express不对Node.js已有特性进行二次抽象,只是在它之上扩展了web应用所需的基本功能。

Express 特性

可以设置中间件响应HTTP请求。

定义了不同的路由表用于执行不同的HTTP请求动作。

可以通过向模板传递不同参数来动态渲染HTML页面。

Express 原理

底层:Node HTTP服务器

使用Node中的HTTP模块搭建一个Web服务器,代码如下:

解析: 第一行使用 require 函数引入Node内置模块 http 。然后存入名为 http 的变量中。然后我们使用 http.createServer() 将服务器保存至 app 变量。它将一个函数作为参数监听请求。稍后将会详细介绍它。最后我们要做的就是告诉服务器监听来自1337端口的请求,之后输出结果。然后一切完成。

可以开始写API了,代码如下:

        你可以选择优化代码,让它变得更整洁。也可以向npm.org的那帮傢伙一样用原生的Node来编写。但是你也可以选择去创建一个框架。这就是Sencha所做的,并把这个框架称为 – Connect.

中间件:Connect

通过中间件,搭建本地服务器的过程变得简单,比如最简单的connect。

中间件是一个可访问请求对象(req)和响应对象(res)的函数,在 Express 应用的请求-响应循环里,下一个内联的中间件通常用变量 next 表示。中间件的功能包括:

执行任何代码。

修改请求和响应对象。

终结请求-响应循环。

调用堆栈中的下一个中间件。

某些人看了Connect的代码之后觉得,“这个代码可以更简单”,于是他们创造了Express。

顶层:Express

正如Connect扩展了Node,Express也扩展了Connect。

Connect为我们提供了中间件,Express则为我们提供了三个重要特性:路由分发、请求处理、视图渲染。

特性一:路由分发

路由的功能就是处理不同的请求,路由是指如何定义应用的端点(URIs)以及如何响应客户端的请求。

路由是由一个 URI、HTTP 请求(GET、POST等)和若干个句柄组成,它的结构如下: app.METHOD(path, [callback...], callback), app 是 express对象的一个实例, METHOD 是一个 HTTP 请求方法, path 是服务器上的路径, callback 是当路由匹配时要执行的函数。

上面的例子我们是通过if条件判断处理不同的请求,Express提供的routing可以做的更好,可读性更高。

代码中的app.get就是Express提供的路由系统,第一个参数是路径(如/about),第二个参数是当路由匹配时要执行的函数。这些函数和中间件一样,唯一的区别是执行完后会调用next('route'), 从而能够继续执行剩下的路由回调函数。

app.all() 是一个特殊的路由方法,没有任何 HTTP 方法与其对应,它的作用是对于一个路径上的所有请求加载中间件。 

express.Router 

可使用 express.Router 类创建模块化、可挂载的路由句柄。Router 实例是一个完整的中间件和路由系统,因此常称其为一个 “mini-app”。

下面的实例程序创建了一个路由模块,并加载了一个中间件,定义了一些路由,并且将它们挂载至应用的路径上。

在 app 目录下创建名为 birds.js 的文件,内容如下:

然后在应用中加载路由模块:

应用即可处理发自 /birds 和 /birds/about 的请求,并且调用为该路由指定的 timeLog 中间件。

特性二:请求处理

下表中响应对象(res)的方法向客户端返回响应,终结请求响应的循环。如果在路由句柄中一个方法也不调用,来自客户端的请求会一直挂起。

以上方法既不属于原生Node代码也不是来自与Connect,而是Express中自身添加的。

特性三:视图渲染

Express结合前端模板引擎可以在服务端实现视图的渲染,这里还是以 jade模板引擎为例:

接下来 我们建立一个名为 index.jade 的文件并把它放入 views 目录。代码如下:

我们需要从Express中渲染这个视图。代码如下:

Express为 response 对象添加了一个 render 方法。这个方法可以处理很多事情,但最主要的还是加载模板引擎和对应的视图文件,之后渲染成普通的HTML文档,例如这里的 index.jade.

请求和响应

Request 对象

request 对象表示 HTTP 请求,包含了请求查询字符串,参数,内容,HTTP 头部等属性。常用属性和方法有16项

req.app 当callback为外部文件时,用req.app访问express的实例。

req.baseUrl 获取路由当前安装的URL路径

req.body / req.cookies 获得「请求主体」/ Cookies

req.fresh / req.stale 判断请求是否还「新鲜」

req.hostname / req.ip 获取主机名和IP地址

req.originalUrl 获取原始请求URL

req.params 获取路由的parameters

req.path 获取请求路径

req.protocol 获取协议类型

req.query 获取URL的查询参数串

req.route 获取当前匹配的路由

req.subdomains 获取子域名

req.accpets() 检查请求的Accept头的请求类型

req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages

req.get() 获取指定的HTTP请求头

req.is() 判断请求头Content-Type的MIME类型

Response 对象

response 对象表示 HTTP 响应,即在接收到请求时向客户端发送的 HTTP 响应数据。常见属性有以下17项。

res.app 同req.app一样

res.append() 追加指定HTTP头

res.set() 在res.append()后将重置之前设置的头

res.cookie(name,value [,option]) 设置Cookie

opition domain / expires / httpOnly / maxAge / path / secure / signed

res.clearCookie() 清除Cookie

res.download() 传送指定路径的文件

res.get() 返回指定的HTTP头

res.json() 传送JSON响应

res.jsonp() 传送JSONP响应

res.location() 只设置响应的Location HTTP头,不设置状态码或者close response

res.redirect() 设置响应的Location HTTP头,并且设置状态码302

res.send() 传送HTTP响应

res.sendFile(path [,options] [,fn]) 传送指定路径的文件 -会自动根据文件extension设定Content-Type

res.set() 设置HTTP头,传入object可以一次设置多个头

res.status() 设置HTTP状态码

res.type() 设置Content-Type的MIME类型

参考资料:

1. 深入理解 Express.js

2. A short guide to Connect Middleware

上一篇下一篇

猜你喜欢

热点阅读