Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。
一、安装 Express
npm i express -s
以上命令会将 Express 框架安装在当前目录的 node_modules 目录中, node_modules 目录下会自动创建 express 目录。
二、使用步骤
1.第一个HelloWorld实例
const express = require('express');
const app = express();
app.get('/', function (req, res) {
res.send('Hello World');
})
app.listen(3000, function (err) {
console.log('running...');
});
打开浏览器:
2.请求Request
Express 应用使用回调函数的参数request 对象来处理请求:
app.get('/', function (req, res) {
···
})
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.get():获取指定的HTTP请求头
- req.is():判断请求头Content-Type的MIME类型
3.响应Response
Response 对象 - response 对象表示 HTTP 响应,即在接收到请求时向客户端发送的 HTTP 响应数据。常见属性有:
- res.app:同req.app一样
- res.append():追加指定HTTP头
- res.set()在res.append()后将重置之前设置的头
- res.cookie(name,value [,option]):设置Cookie
- 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.render(view,[locals],callback):渲染一个view,同时向callback传递渲染后的字符串,如果在渲染过程中有错误发生next(err)将会被自动调用。callback将会被传入一个可能发生的错误以及渲染后的页面,这样就不会自动输出了。
- res.send():传送HTTP响应
- cres.sendFile(path [,options] [,fn]):传送指定路径的文件 -会自动根据文件extension设定Content-Type
- res.set():设置HTTP头,传入object可以一次设置多个头
- res.status():设置HTTP状态码
- res.type():设置Content-Type的MIME类型
4.Get方法
在表单中通过 GET 方法提交两个参数,我们可以使用 server.js 文件内的 index_get 路由器来处理:
index.html:
<html>
<body>
<form action="http://127.0.0.1:3000/index_get" method="GET">
账号: <input type="text" name="uname"> <br>
密码: <input type="password" name="password">
<input type="submit" value="提交">
</form>
</body>
</html>
app.js:
const express = require('express');
const app = express();
app.get('/index_get',(req,res)=>{
res.send(req.query);
});
app.listen('3000',function (err) {
console.log('running...');
});
结果如下:
get方法提交的数据可以通过req.query来获取。
5.Post方法
在表单中通过 POST 方法提交两个参数,可以使用app.js 文件内的 index_post 路由器来处理输入:
index.html:
<html>
<body>
<form action="http://127.0.0.1:3000/index_post" method="POST">
账号: <input type="text" name="uname"> <br>
密码: <input type="password" name="password">
<input type="submit" value="提交">
</form>
</body>
</html>
app.js:
const express = require('express');
//导入第三方插件body-parser
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.urlencoded({extended:false}));
app.use(bodyParser.json());
app.post('/index_post',(req,res)=>{
console.log(req.body);
res.send(req.body);
});
app.listen('3000',function (err) {
console.log('running...');
});
结果如下:
注意:body-parser用于解析客户端请求的body中的内容,内部使用JSON编码处理,url编码处理以及对于文件的上传处理。
这里的post方法通过req.body来获取表单数据。
Express的详细内容可以查看官方文档。