Node.js Express 框架

Express 简介

Express 是一个简捷而机动的 node.js Web应用框架, 提供了一系列强大特性辅佐你建设各类 Web 应用，和富厚的 HTTP 东西。

利用 Express 可以快速地搭建一个完整成果的网站。

Express 框架焦点特性：

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

界说了路由表用于执行差异的 HTTP 请求行动。

可以通过向模板通报参数来动态渲染 HTML 页面。

安装 Express

安装 Express 并将其生存到依赖列表中：

$ cnpm install express --save

以上呼吁会将 Express 框架安装在当前目次的 node_modules 目次中， node_modules 目次下会自动建设 express 目次。以下几个重要的模块是需要与 express 框架一起安装的：

body-parser – node.js 中间件，用于处理惩罚 JSON, Raw, Text 和 URL 编码的数据。

cookie-parser – 这就是一个理会Cookie的东西。通过req.cookies可以取到传过来的cookie，并把它们转成工具。

multer – node.js 中间件，用于处理惩罚 enctype=”multipart/form-data”（配置表单的MIME编码）的表单数据。

$ cnpm install body-parser --save
$ cnpm install cookie-parser --save
$ cnpm install multer --save

安装完后，我们可以查察下 express 利用的版本号：

$ cnpm list express
/data/www/node
└── [email protected]  -> /Users/tianqixin/www/node/node_modules/[email protected]

第一个 Express 框架实例

接下来我们利用 Express 框架来输出 “Hello World”。

以下实例中我们引入了 express 模块，并在客户端提倡请求后，响应 “Hello World” 字符串。

建设 express_demo.js 文件，代码如下所示：

express_demo.js 文件代码：

//express_demo.js 文件
var express = require(‘express’);
var app = express();
app.get(‘/’, function (req, res) {
res.send(‘Hello World’);
})
var server = app.listen(8081, function () {
var host = server.address().address
var port = server.address().port
console.log("应用实例，会见解点为 http://%s:%s", host, port)
})

执行以上代码：

$ node express_demo.js 
应用实例，会见解点为 http://0.0.0.0:8081

在欣赏器中会见 http://127.0.0.1:8081，功效如下图所示：

Node.js Express 框架

请求和响应

Express 应用利用回调函数的参数： request 和 response 工具来处理惩罚请求和响应的数据。

app.get('/', function (req, res) {
   // --
})

request 和 response 工具的详细先容：

Request 工具 – request 工具暗示 HTTP 请求，包括了请求查询字符串，参数，内容，HTTP 头部等属性。常见属性有：

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.accepts()：查抄可接管的请求的文档范例
req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages：返回指定字符集的第一个可接管字符编码
req.get()：获取指定的HTTP请求头
req.is()：判定请求头Content-Type的MIME范例

Response 工具 – response 工具暗示 HTTP 响应，即在吸收到请求时向客户端发送的 HTTP 响应数据。常见属性有：

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范例

路由

我们已经相识了 HTTP 请求的根基应用，而路由抉择了由谁(指定剧本)去响应客户端请求。

在HTTP请求中，我们可以通过路由提取出请求的URL以及GET/POST参数。

接下来我们扩展 Hello World，添加一些成果来处理惩罚更多范例的 HTTP 请求。

#p#分页标题#e#

建设 express_demo2.js 文件，代码如下所示：

express_demo2.js 文件代码：

执行以上代码：

$ node express_demo2.js 
应用实例，会见解点为 http://0.0.0.0:8081

接下来你可以实验会见 http://127.0.0.1:8081 差异的地点，查察结果。

在欣赏器中会见 http://127.0.0.1:8081/list_user，功效如下图所示：

Node.js Express 框架

在欣赏器中会见 http://127.0.0.1:8081/abcd，功效如下图所示：

Node.js Express 框架

在欣赏器中会见 http://127.0.0.1:8081/abcdefg，功效如下图所示：

Node.js Express 框架

静态文件

Express 提供了内置的中间件 express.static 来配置静态文件如：图片， CSS, JavaScript 等。

你可以利用 express.static 中间件来配置静态文件路径。譬喻，假如你将图片， CSS, JavaScript 文件放在 public 目次下，你可以这么写：

app.use(express.static('public'));

我们可以到 public/images 目次下放些图片,如下所示：

node_modules
server.js
public/
public/images
public/images/logo.png

让我们再修改下 “Hello World” 应用添加处理惩罚静态文件的成果。

建设 express_demo3.js 文件，代码如下所示：

express_demo3.js 文件代码：

var express = require(‘express’);
var app = express();
app.use(express.static(‘public’));
app.get(‘/’, function (req, res) {
res.send(‘Hello World’);
})
var server = app.listen(8081, function () {
var host = server.address().address
var port = server.address().port
console.log("应用实例，会见解点为 http://%s:%s", host, port)
})

执行以上代码：

$ node express_demo3.js 
应用实例，会见解点为 http://0.0.0.0:8081

执行以上代码：

在欣赏器中会见 http://127.0.0.1:8081/images/logo.png（本实例回收了菜鸟教程的logo），功效如下图所示：

Node.js Express 框架

GET 要领

以下实例演示了在表单中通过 GET 要领提交两个参数，我们可以利用 server.js 文件内的 process_get 路由器来处理惩罚输入：

index.htm 文件代码：

<html>
<body>
<form action="http://127.0.0.1:8081/process_get" method="GET">
First Name: <input type="text" name="first_name"> <br>
Last Name: <input type="text" name="last_name">
<input type="submit" value="Submit">
</form>
</body>
</html>

server.js 文件代码：

执行以上代码：

node server.js 
应用实例，会见解点为 http://0.0.0.0:8081

欣赏器会见 http://127.0.0.1:8081/index.htm，如图所示：

Node.js Express 框架

此刻你可以向表单输入数据，并提交，如下演示：

Node.js Express 框架

POST 要领

#p#分页标题#e#

以下实例演示了在表单中通过 POST 要领提交两个参数，我们可以利用 server.js 文件内的 process_post 路由器来处理惩罚输入：

index.htm 文件代码：

<html>
<body>
<form action="http://127.0.0.1:8081/process_post" method="POST">
First Name: <input type="text" name="first_name"> <br>
Last Name: <input type="text" name="last_name">
<input type="submit" value="Submit">
</form>
</body>
</html>

server.js 文件代码：

执行以上代码：

$ node server.js
应用实例，会见解点为 http://0.0.0.0:8081

欣赏器会见 http://127.0.0.1:8081/index.htm，如图所示：

Node.js Express 框架

此刻你可以向表单输入数据，并提交，如下演示：

Node.js Express 框架

文件上传

以下我们建设一个用于上传文件的表单，利用 POST 要领，表单 enctype 属性配置为 multipart/form-data。

index.htm 文件代码：

<html>
<head>
<title>文件上传表单</title>
</head>
<body>
<h3>文件上传：</h3>
选择一个文件上传: <br />
<form action="/file_upload" method="post" enctype="multipart/form-data">
<input type="file" name="image" size="50" />
<br />
<input type="submit" value="上传文件" />
</form>
</body>
</html>

server.js 文件代码：

<pre>
var express = require(‘express’);
var app = express();
var fs = require("fs");
var bodyParser = require(‘body-parser’);
var multer = require(‘multer’);
app.use(express.static(‘public’));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(multer({ dest: ‘/tmp/’}).array(‘image’));
app.get(‘/index.htm’, function (req, res) {
res.sendFile( __dirname + "/" + "index.htm" );
})
app.post(‘/file_upload’, function (req, res) {
console.log(req.files[0]); // 上传的文件信息
var des_file = __dirname + "/" + req.files[0].originalname;
fs.readFile( req.files[0].path, function (err, data) {
fs.writeFile(des_file, data, function (err) {
if( err ){
console.log( err );
}else{
response = {
message:’File uploaded successfully’,
filename:req.files[0].originalname
};
}
console.log( response );
res.end( JSON.stringify( response ) );
});
});
})
var server = app.listen(8081, function () {
var host = server.address().address
var port = server.address().port
console.log("应用实例，会见解点为 http://%s:%s", host, port)
})

执行以上代码：

$ node server.js 
应用实例，会见解点为 http://0.0.0.0:8081

欣赏器会见 http://127.0.0.1:8081/index.htm，如图所示：

Node.js Express 框架

此刻你可以向表单输入数据，并提交，如下演示：

Node.js Express 框架

Cookie 打点

我们可以利用中间件向 Node.js 处事器发送 cookie 信息，以下代码输出了客户端发送的 cookie 信息：

express_cookie.js 文件代码：

// express_cookie.js 文件
var express = require(‘express’)
var cookieParser = require(‘cookie-parser’)
var app = express()
app.use(cookieParser())
app.get(‘/’, function(req, res) {
console.log("Cookies: ", req.cookies)
})
app.listen(8081)

执行以上代码：

$ node express_cookie.js

此刻你可以会见 http://127.0.0.1:8081 并查察终端信息的输出，如下演示：

Node.js Express 框架

当前位置：以往代写 > 其他教程 >Node.js Express 框架