node.js中express框架的基本使用

jkko123

express是一个基于node.js平台的，快速，开放，极简的web开发框架。

一、安装 express

npm install express --save

　　

二、简单使用 express

//引入express
const express = require(\'express\');
//创建一个应用
let app = express();

//匹配GET请求路径设置回调函数
app.get(\'/hello\', function (req, res) {
    res.end(\'hello\');
});

//监听端口
app.listen(8888, function () {
    console.log(\'port : 8888\');
});

通过访问 localhost:8888/hello 我们就可以看到内容输出了。

当然 express 还支持其他的一些请求方法，比如 app.post()，app.put()，app.delete()，app.head() 等。

//引入express
const express = require(\'express\');
//创建一个应用
let app = express();

//匹配POST请求
app.post(\'/hello\', function (req, res) {
    res.end(\'post hello\');
});

//监听端口
app.listen(8888, function () {
    console.log(\'port : 8888\');
});

如果我们想要匹配所有的请求路径，可以使用通配符 * 号。

//引入express
const express = require(\'express\');
//创建一个应用
let app = express();

app.get(\'/hello\', function (req, res) {
    res.end(\'hello\');
});

//*号匹配所有路径
app.get(\'*\', function (req, res) {
    res.end(\'not found\');
});

//监听端口
app.listen(8888, function () {
    console.log(\'port : 8888\');
});

express 还提供了 all() 方法，可以匹配所有请求方法。

//引入express
const express = require(\'express\');
//创建一个应用
let app = express();

//匹配所有请求方法
app.all(\'/hello\', function (req, res) {
    res.end(\'all hello\');
});

//监听端口
app.listen(8888, function () {
    console.log(\'port : 8888\');
});

　　

三、express 中间件的概念

express中间件就是处理http请求的函数，用来完成一些特定的操作，比如登陆检查，权限控制等等。

1、一个中间件处理完请求和响应，可以把数据传递给下一个中间件。

2、在回调函数中使用 next()，就可以让请求继续向下传递。

3、通过不同路径，分别执行不同的中间件。

我们可以使用 use() ，在路由数组中添加一个中间件。注意我们设置的路由路径最终会存放在一个数组里，由上到下的把路径加入这个数组中。 

//引入express
const express = require(\'express\');
//创建一个应用
let app = express();

//如果没有设置路径，则会匹配全部
app.use(function (req, res, next) {
    console.log(\'匹配全部路径\');
    //注意这里如果不调用next()，则请求并不会向下传递。
    next();
});

app.use(\'/hello\', function (req, res, next) {
    console.log(\'use hello\');
    next();
});

app.get(\'/hello\', function (req, res, next) {
    console.log(\'get hello\');
    next();
});

//监听端口
app.listen(8888, function () {
    console.log(\'port : 8888\');
});

next() 函数可以传入一个参数，表示错误信息，默认将执行错误中间件。

//引入express
const express = require(\'express\');
//创建一个应用
let app = express();

app.get(\'/hello\', function (req, res, next) {
    console.log(\'get hello\');
    next(\'error!!!\');
});

//注意错误处理中间件的参数是4个
app.use(function (err, req, res, next) {
    console.log(err);
    res.end(err);
});

//监听端口
app.listen(8888, function () {
    console.log(\'port : 8888\');
});

　　

四、express中的request对象

在express中对原生的req请求对象进行了扩展，添加了一些属性和方法。

//引入express
const express = require(\'express\');
//创建一个应用
let app = express();

app.get(\'/hello\', function (req, res, next) {
    //主机名
    res.write(\'req.hostname : \' + req.hostname + \'\r\n\');
    //请求URL的路径
    res.write(\'req.path : \' + req.path + \'\r\n\');
    //查询字符串对象
    res.write(\'req.query : \' + JSON.stringify(req.query) + \'\r\n\');
    //请求的远程IP地址
    res.write(\'req.ip : \' + req.ip + \'\r\n\');
    //请求方法
    res.write(\'req.method : \' + req.method + \'\r\n\');
    res.end();
});

//监听端口
app.listen(8888, function () {
    console.log(\'port : 8888\');
});

通过 req.params 获取路径里的参数

//引入express
const express = require(\'express\');
//创建一个应用
let app = express();

app.get(\'/list/:key/:page/:size\', function (req, res, next) {
    //注意，设置了多少参数，地址就需要传入多少参数
    res.end(JSON.stringify(req.params));
});

//监听端口
app.listen(8888, function () {
    console.log(\'port : 8888\');
});

　　

五、express中的response对象

express中也对原生的res对象进行了扩展，添加了一些属性和方法。

const path = require(\'path\');
//引入express
const express = require(\'express\');
//创建一个应用
let app = express();

app.get(\'/send/str\', function (req, res, next) {
    //send方法会自动判断数据类型，并进行相应的head信息设置
    //如果参数是字符串，则Content-Type为 text/html
    res.send(\'hello, world\');
});

app.get(\'/send/arr\', function (req, res, next) {
    //如果参数是一个数组，则返回json
    res.send([1, 2, 3]);
});

app.get(\'/send/obj\', function (req, res, next) {
    //如果参数是一个对象，则返回json
    res.send({name: \'xiaoxu\', age: 24});
});

app.get(\'/send/number\', function (req, res, next) {
    //如果是一个数字，则返回相应状态码短语
    res.send(404);
});

app.get(\'/download\', function (req, res, next) {
    //提示下载文件
    res.download(\'./1.txt\');
});

app.get(\'/json\', function (req, res, next) {
    //响应json对象
    res.json({name: \'xiaoxu\'});
});

app.get(\'/jsonp\', function (req, res, next) {
    //客户端请求时，需要带上callback=test
    res.jsonp(\'hello\');
});

app.get(\'/redirect\', function (req, res, next) {
    //重定向到一个地址
    res.redirect(\'http://www.baidu.com\');
});

app.get(\'/sendfile\', function (req, res, next) {
    //发送一个文件
    res.sendFile(path.resolve(\'./1.txt\'));
});

app.get(\'/sendstatus\', function (req, res, next) {
    //发送一个状态码
    res.sendStatus(302);
});

//监听端口
app.listen(8888, function () {
    console.log(\'port : 8888\');
});

　　

六、ejs模板的使用

支持express的模板有很多种，这里我们使用ejs作为模板引擎。

安装ejs:

npm install ejs

使用ejs模板

const path = require(\'path\');
const express = require(\'express\');
//创建一个应用
let app = express();
//设置模板引擎
app.set(\'view engine\', \'ejs\');
//设置模板目录
app.set(\'views\', path.join(__dirname, \'views\'));
//监听
app.listen(8888);

如果我们希望，ejs能够渲染html页面，可以使用如下

const path = require(\'path\');
const express = require(\'express\');
let app = express();

//设置视图引擎为html引擎
app.set(\'view engine\', \'html\');
//设置视图的路径
app.set(\'views\', path.join(__dirname, \'views\'));
//配置html引擎
app.engine(\'html\', require(\'ejs\').__express);

app.listen(8888);

渲染视图，输出内容。

const path = require(\'path\');
const express = require(\'express\');
let app = express();

app.set(\'view engine\', \'html\');
app.set(\'views\', path.join(__dirname, \'views\'));
app.engine(\'html\', require(\'ejs\').__express);

app.get(\'/hello\', function (req, res, next) {
    //参数一表示模板的名称，会在当前项目目录下的views目录查找
    //参数二表示传入模板中的数据
    res.render(\'hello\', {
        name: \'xiaoxu\',
        age: 24
    });
});

app.listen(8888);

hello.html的代码：

<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <%= name %>
    <%= age %>
</body>
</html>

　　

七、静态文件服务器

有些时候我们需要在页面上加载css，js，img等静态资源，指定存放静态资源的目录，浏览器发出非html文件请求时，服务器会到这个目录下找对应的资源。

const path = require(\'path\');
const express = require(\'express\');
let app = express();

app.set(\'view engine\', \'html\');
app.set(\'views\', path.join(__dirname, \'views\'));
app.engine(\'html\', require(\'ejs\').__express);

//注意express.static这个中间件是express内置的
app.use(express.static(path.join(__dirname, \'public\')));

app.get(\'/hello\', function (req, res, next) {
    //参数一表示模板的名称，会在当前项目目录下的views目录查找
    //参数二表示传入模板中的数据
    res.render(\'hello\', {
        name: \'xiaoxu\',
        age: 24
    });
});

app.listen(8888);

　　

八、使用body-parser中间件解析post过来的数据

安装body-parser

npm install body-parser

使用body-parser

const path = require(\'path\');
const express = require(\'express\');
const bodyParser = require(\'body-parser\');
let app = express();

app.set(\'view engine\', \'html\');
app.set(\'views\', path.join(__dirname, \'views\'));
app.engine(\'html\', require(\'ejs\').__express);

//解析 application/json
app.use(bodyParser.json());
//解析 application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({extended:false}));

app.post(\'/form\', function (req, res) {
    console.log(req.body);
});

app.listen(8888);

　　

 

分类：

技术点：

相关文章：

  • 2021-04-27
  • 2021-07-30
  • 2021-11-12
  • 2019-03-02
  • 2021-04-06
  • 2021-07-30
  • 2021-06-21
  • 2018-12-19
猜你喜欢
  • 2021-11-03
  • 2021-07-04
  • 2019-06-27
  • 2022-01-06
  • 2021-11-03
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode