express 框架

于 2024-01-27 19:50:33 发布
阅读量537 收藏 10
点赞数 26
文章标签： express
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chengyu12138/article/details/135768151
版权

目录

一、express 介绍

二、express 使用

三、express路由

3.1 什么是路由

3.2 路由的使用

3.3 获取请求参数

3.4 获取路由参数

四、express 响应设置

五、快递中间件

5.1 什么是中间件

5.2 中间件的作用

5.3 中间件的类型

5.3.1 定义全局中间件

5.4 获取请求数据

六、 防盗链

一、express 介绍

express 是一个基于 Nodejs 平台的极简、灵活的 WEB 应用开发框架，官方网址:https://www.expressjs.com.cn/简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发WEB 应用(HTTP 服务)

二、express 使用

大家可以按照这个步骤进行操作:

// 1.导入express
const express = require('express');
// 2.创建express实例
const app = express();
// 3.配置路由
app.get('/home', (req, res) => {
    res.send('这是首页');
})
// 4.监听端口
app.listen(3000, () => {
    console.log('服务器启动成功');
})

三、express路由

3.1 什么是路由

官户定义:路由确定了应用程序如何响应客户端对特定端点的请求

3.2 路由的使用

一个路由的组成有 请求方法， 路径 和 回调函数 组成

express 中提供了一系列方法，可以很方便的使用路由，使用格式如下:

app.<method>(path,callback)

代码示例:

// 1.导入express
const express = require('express');
// 2.创建express实例
const app = express();
// 3.配置路由
app.get('/home', (req, res) => {
    res.send('这是首页');
})

app.get('/', (req, res) => {
    res.send('这是真正的首页');
})

app.post('/login', (req, res) => {
    res.end('login');
})
//匹配所有请求方法
app.all('/test', (req, res) => {
    res.end('test');
})
//404
app.all('/*', (req, res) => {
    res.end('404');
})
// 4.监听端口
app.listen(3000, () => {
    console.log('服务器启动成功');
})

3.3 获取请求参数

express 框架封装了一些 API 来方便获取请求报文中的数据，并且兼容原生 HTTP 模块的获取方式

// 导入express
const express = require('express');

// 创建express实例
const app = express();

// 配置路由
app.get('/request', (req, res) => {
    //原生操作
    // console.log(req.method);
    // console.log(req.url);
    // console.log(req.httpVersion);
    // console.log(req.header);

    // //express 操作
    // console.log(req.path);
    // console.log(req.query);
    // //获取ip
    // console.log(req.ip);
    //获取请求头
    console.log(req.get('host'));

    res.send('这是首页');
})

// 监听端口
app.listen(3000, () => {
    console.log('服务器启动成功');
})

3.4 获取路由参数

路由参数指的是 URL 路径中的参数(数据)

app.get('/:id.html',(req,res)=> {
        res.send('商品详情，商品 id 为' + req.params.id);

});

// 导入express
const express = require('express');

// 创建express实例
const app = express();

// 配置路由
app.get('/:id.html', (req, res) => {
    //获取路由参数
    const id = req.params.id;
    console.log(id);

    // 设置响应头
    res.setHeader('Content-Type', 'text/html;charset=utf8');
    res.send('商品详情');
})

// 监听端口
app.listen(3000, () => {
    console.log('服务器启动成功');
})

四、express 响应设置

express 框架封装了一些 API 来方便给客户端响应数据，并且兼容原生 HTTP 模块的获取方式

//导入 express
const express = require('express');

//创建应用对象
const app = express();

//创建路由
app.get('/response', (req, res) => {
  //原生响应
  // res.statusCode = 404;
  // res.statusMessage = 'love';
  // res.setHeader('xxx', 'yyy');
  // res.write('hello express ')
  // res.end('response');

  //express 响应
  // res.status(500);
  // res.set('aaa','bbb');
  // res.send('你好 Express');
  res.status(500).set('abc','def').send('这都是 OK 的');
  
});

//监听端口, 启动服务
app.listen(3000, () => {
  console.log('服务已经启动, 端口 3000 正在监听中....')
})

其他响应

//导入 express
const express = require('express');

//创建应用对象
const app = express();

//创建路由
app.get('/other', (req, res) => {
  //跳转响应
  // res.redirect('http://atguigu.com');
  //下载响应
  // res.download(__dirname + '/package.json');
  // JSON 响应
  // res.json({
  //   name: '尚硅谷',
  //   slogon: '让天下没有难学的技术'
  // })
  //响应文件内容
  res.sendFile(__dirname + '/test.html');// path.resolve()
});

//监听端口, 启动服务
app.listen(3000, () => {
  console.log('服务已经启动, 端口 3000 正在监听中....')
})

五、快递中间件

5.1 什么是中间件

中间件(Middleware)本质是一个回调函数
中间件函数可以像路由回调一样访问请求对象(request)，响应对象(response)

5.2 中间件的作用

中间件的作用就是使用函数封装公共操作，简化代码

5.3 中间件的类型

  • 全局中间件
  • 路由中间件

5.3.1 定义全局中间件

每一个请求到达服务端之后都会执行全局中间件函数

  • 全局中间件
/**
 * 记录每个请求的 url 与 IP 地址
 */
//导入 express
const express = require('express');
const fs = require('fs');
const path = require('path');

//创建应用对象
const app = express();

//声明中间件函数
function recordMiddleware(req, res, next){
  //获取 url 和 ip
  let {url, ip} = req;
  //将信息保存在文件中 access.log
  fs.appendFileSync(path.resolve(__dirname, './access.log'), `${url}  ${ip}\r\n`);
  //调用 next
  next();
}

//使用中间件函数
app.use(recordMiddleware);

//创建路由
app.get('/home', (req, res) => {
  res.send('前台首页');
});

app.get('/admin', (req, res) => {
  res.send('后台首页');
});

app.all('*',(req, res) => {
  res.send('<h1>404 Not Found</h1>')
})

//监听端口, 启动服务
app.listen(3000, () => {
  console.log('服务已经启动, 端口 3000 正在监听中....')
})
  • 路由中间件
/**
 * 针对 /admin  /setting 的请求, 要求 URL 携带 code=521 参数, 如未携带提示『暗号错误』  
 */

//导入 express
const express = require('express');

//创建应用对象
const app = express();

//创建路由
app.get('/home', (req, res) => {
  res.send('前台首页');
});

//声明中间件
let checkCodeMiddleware = (req, res, next) => {
  //判断 URL 中是否 code 参数等于 521
  if(req.query.code === '521'){
    next();
  }else{
    res.send('暗号错误');
  }
}

//后台
app.get('/admin', checkCodeMiddleware, (req, res) => {
  res.send('后台首页');
});

//后台设置
app.get('/setting', checkCodeMiddleware, (req, res) => {
  res.send('设置页面');
});

app.all('*',(req, res) => {
  res.send('<h1>404 Not Found</h1>')
})

//监听端口, 启动服务
app.listen(3000, () => {
  console.log('服务已经启动, 端口 3000 正在监听中....')
})
  • 静态资源中间件
//导入 express
const express = require('express');

//创建应用对象
const app = express();

//创建路由
app.get('/', (req, res) => {
  res.send('我才是首页~~~');
});

//静态资源中间件设置
app.use(express.static(__dirname + '/public'));


//监听端口, 启动服务
app.listen(3000, () => {
  console.log('服务已经启动, 端口 3000 正在监听中....')
})

5.4 获取请求数据

 express 可以使用 body-parser包处理请求体

第一步:安装

npm i body-parser

 第二步:导入body-parser包

const bodyParser =require('body-parser');

第三步:获取中间件函数

第四步:设置路由中间件，然后使用 request.body 来获取请求体数据

/**
 * 按照要求搭建 HTTP 服务
 * 
 * GET   /login  显示表单网页
 * POST  /login  获取表单中的『用户名』和『密码』
 */
//导入 express
const express = require('express');
const bodyParser = require('body-parser')

//创建应用对象
const app = express();

//解析 JSON 格式的请求体的中间件
// const jsonParser = bodyParser.json()

//解析 querystring 格式请求体的中间件
const urlencodedParser = bodyParser.urlencoded({ extended: false })

//创建路由规则
app.get('/login', (req, res) => {
  // res.send('表单页面')
  //响应 HTML 文件内容
  res.sendFile(__dirname + '/11_form.html');
});

//post 规则
app.post('/login', urlencodedParser, (req, res) => {
  //获取 用户名 和 密码
  console.log(req.body);
  res.send('获取用户的数据')
});

//启动服务
app.listen(3000, () => {
  console.log('server is running...');
})

六、 防盗链

//导入 express
const express = require('express');

//创建应用对象
const app = express();

//声明中间件
app.use((req, res, next) => {
  //检测请求头中的 referer 是否为 127.0.0.1
  //获取 referer
  let referer = req.get('referer');
  if (referer) {
    //实例化
    let url = new URL(referer);
    //获取 hostname
    let hostname = url.hostname;
    //判断
    if (hostname !== '127.0.0.1') {
      //响应 404 
      res.status(404).send('<h1>404 Not Found</h1>');
      return;
    }
  }
  next();
});

//静态资源中间件设置
app.use(express.static(__dirname + '/public'));

//监听端口, 启动服务
app.listen(3000, () => {
  console.log('服务已经启动, 端口 3000 正在监听中....')
})

chengyu12138
关注
  • 26
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Express框架
thwr1881的博客
07-24 2424
Express框架
node.js express框架简介与实现
10-16
主要介绍了node.js express框架简介与实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
EXPRESS框架
mantou_riji的博客
07-07 2789
express是一款基于Node.js平台,快速、开放、极简的web开发框架。官网：https://www.expressjs.com.cn/express是node的第三方框架 初始化： 安装： 使用的时候引入即可：之前都是用 向前端页面写数据，但是比较麻烦，一般情况下我们还需定义 ，还需要注意返回的书html片段，页面还是json数据，比较麻烦。 EXPRESS框架直接将这些内容封装成,我们可以直接将数据进行返回，比较方便。 处理路由 固定路由 表示可以匹配 和 路径 是一个占位符 表
Express框架(基础部分、路由和中间件)
weixin_63443072的博客
02-05 1962
一义上来讲，路由就是映射关系。// 定义一个最简单的中间件函数console.log('这是个最简单的中间件函数');// 把流转关系交给下一个中间件或路由next()模拟一个类似于 express.urlencoded 这样的中间件来解析 POST 提交到服务器的表单数据。定中间件监听req的 data事件监听req的end 事件使用querystring模块解析请求体数据将解析出来的数据对象挂载为 req.body将自定义中间件封装为模块// 解析表单数据的中间件。
Express框架.docx
07-09
Express框架简介 Express中间件 Express框架请求处理 express-art-template模板引擎 ​​​​
node.js express框架
02-04
express框架，使用PM2部署后台项目
Node.js Express 框架
01-03
Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。 ...
express框架
lxllxl211的博客
04-03 1102
可以使用 app.use0 连续定义多个全局中间件。客户端请求到达服务器之后，会按照中间件。
Express框架搭建项目
我是我
01-15 1648
EXpress： 精简的、灵活的Node.js Web程序框架，为构建单页、多页及混合的Web程序提供了一系列健壮的功能特性。
Express框架的安装和使用
前端卷王小白的博客
05-05 2800
express框架的安装,express框架的使用,包文件的描述
2、express框架
Evelyn的前端学习之路
06-08 100
默认情况下不允许修改该文件，需要对其设置权限对hosts文件右键->属性->安全选项卡->编辑->Users->允许其所有权限。找到这个文件，添加一条域名解析规则，如：127.0.0.1 Evelyn.com，就可以通过域名的方式来访问网站了。express中的路由占位符是指，当url地址栏中某些位置的值是不确定的，这个位置的值就可以使用占位符来规定。语法：request.query，得到一个对象{参数名1:参数值1 , 参数名2:参数值2}
Node.js学习笔记(七)#Express框架
weixin_42214717的博客
12-07 837
Express是基于Node.js平台，快速、开放、极简的 Web 开发框架。简单来说，Express作用与http模块类似，不仅保留了http的基本API，还额外封装了一些新方法，比起http模块开发效率更高。Express也提供了中间件功能，包含内置中间件、第三方中间件以及自定义中间件三种中间件，可用于拦截请求和响应，对请求和响应进行功能扩展。
八、express框架解析
积累
04-19 543
express是一个基于Node.js平台的极简、灵活的WEB应用开发框架。它是一个封装好的工具包，封装了很多功能，便于我们开发WEB应用（HTTP服务）。express 的作用和 Node.js 内置的 http 模块类似，是专门用来创建Web 服务器的。express 的本质：就是一个npm 上的第三方包，提供了快速创建Web 服务器的便捷方法。路由确定了应用程序如何响应客户端对特定端点的请求。
08【Express框架】详细版 - Express框架简介，中间件， Express请求处理，express-art-template模板引擎.
嘿嘿_哈哈的博客
10-08 1343
Express框架 目标 能够使用Express创建web服务器 能够使用Express处理请求参数 能够使用Express处理静态资源 能够使用中间件处理请求 能够在Express中集成art-template模板引擎 Express框架简介及初体验 Express框架请求处理 express-art-template模板引擎 Express中间件 1. Express框架简介及初体验 1.1 Express框架是什么？ 1）Express是一个基于Nod...
express框架知识点
记录学习前端的历程
04-23 441
express框架知识点
浅谈express框架
00后的一位普通处女座前端程序员
06-23 236
介绍：express是基于Node.js平台，快速，开放，极简的WEB开发框架浅谈关于nodejs的HTTP模块前端HTTP协议 创建简单的服务器 express是一个第三方模块所以会自动去node_modules文件夹里面去找 如果结果为一串很长的对象就是成功的 后面的括号第一个参数为端口第二个为创建成功返回字符一个端口理论上只能一个接口或者页面使用，但是我们一般不止也个页面，所以我们为了多个页面和功能能正常使用所以我们可以使用路由根据不同的请求来进行...
express框架：
最新发布
03-23
以下是Express框架的一些特点和功能： 1. 简洁而灵活：Express提供了一组简单而灵活的API，使得构建Web应用程序变得非常容易。它没有过多的约束，允许开发者按照自己的需求进行定制。 2. 路由功能：Express提供了...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值