express 框架

最新推荐文章于 2024-05-15 18:26:11 发布
最新推荐文章于 2024-05-15 18:26:11 发布
阅读量576 收藏 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
    评论
08【Express框架】详细版 - Express框架简介，中间件， Express请求处理，express-art-template模板引擎.
嘿嘿_哈哈的博客
10-08 1417
Express框架 目标 能够使用Express创建web服务器 能够使用Express处理请求参数 能够使用Express处理静态资源 能够使用中间件处理请求 能够在Express中集成art-template模板引擎 Express框架简介及初体验 Express框架请求处理 express-art-template模板引擎 Express中间件 1. Express框架简介及初体验 1.1 Express框架是什么？ 1）Express是一个基于Nod...
Express框架
小毛驴的博客
10-30 648
1 Express框架的概况● 原生Node开发，会发现有很多问题。比如： ■ 呈递静态页面很不方便，需要处理每个HTTP请求，还要考虑304问题 ■ 路由处理代码不直观清晰，需要写很多正则表达式和字符串函数 ■ 不能集中精力写业务，要考虑很多其他的东西 ● EXPRESS框架致力于解决上述问题。它非常像前端框架jQuery，改变了我们书写程序的习惯。 ●
node.js的Express框架的介绍 与 安装详细教程
最新发布
2301_76669854的博客
05-15 1785
node.js的Express框架介绍与安装详细教程
express框架
weixin_34107739的博客
07-16 249
前面的话 　　Express是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性，帮助开发者创建各种 Web 和移动设备应用。本文将详细介绍express框架   概述 　　官网对Express的描述，它是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架。优点是易上手、高性能、扩展性强 　　1、易上手：nodejs最初就是为了开发高性能w...
EXPRESS框架
mantou_riji的博客
07-07 2908
express是一款基于Node.js平台,快速、开放、极简的web开发框架。官网：https://www.expressjs.com.cn/express是node的第三方框架 初始化： 安装： 使用的时候引入即可：之前都是用 向前端页面写数据，但是比较麻烦，一般情况下我们还需定义 ，还需要注意返回的书html片段，页面还是json数据，比较麻烦。 EXPRESS框架直接将这些内容封装成,我们可以直接将数据进行返回，比较方便。 处理路由 固定路由 表示可以匹配 和 路径 是一个占位符 表
Express框架.docx
07-09
Express 框架详解 Express 框架是基于 Node.js 平台的 Web 应用开发框架，提供了一系列强大特性，帮助开发者创建各种 Web 应用。 Express 框架的特性包括方便简洁的路由定义方式、对获取 HTTP 请求参数的简化处理、...
node.js express框架
02-04
《深入浅出Node.js Express框架与PM2部署实践》 在Web开发领域，Node.js以其异步非阻塞I/O模型以及高效的性能，已经成为构建高性能网络应用的重要选择。而Express框架，作为Node.js领域的事实标准，极大地简化了Web...
node的express框架
08-04
本文将深入探讨"Node的Express框架"，并结合"源码"和"工具"这两个标签，为你揭示Express框架的核心概念、工作原理以及实用技巧。 一、Express框架简介 Express是基于Connect库构建的，它的设计目标是提供简洁、...
node.js express框架简介与实现
10-16
主要介绍了node.js express框架简介与实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Express框架学习记录一：Express框架基础使用
吮指原味鸡的博客
02-19 1696
Express框架一、什么是Express框架二、安装Express三、框架的使用1.根据请求地址返回给前端内容2.中间件3.use中间件4.中间件的作用5.更改状态码6.捕获错误的错误处理中间件7.构建模块化路由Router8.获取get请求附带的参数9.获取post请求附带的参数10.路由占位参数11.静态资源访问功能12.express的模板引擎13.locals对象 一、什么是Express框架 基于Node的一个框架，封装了读取html文件、css文件的操作，直接返回封装好的内容，让开发人员更加注
express框架：
03-23
Express是一个基于Node.js的Web应用程序框架，它提供了一组简洁而灵活的功能，用于帮助开发者构建Web应用程序和API。以下是Express框架的一些特点和功能： 1. 简洁而灵活：Express提供了一组简单而灵活的API，使得构建Web应用程序变得非常容易。它没有过多的约束，允许开发者按照自己的需求进行定制。 2. 路由功能：Express提供了路由功能，可以根据不同的URL路径和HTTP方法来定义不同的处理程序。这使得开发者可以轻松地处理不同的请求，并将它们映射到相应的处理逻辑上。 3. 中间件支持：Express支持中间件，开发者可以通过中间件来处理请求和响应。中间件可以用于执行各种任务，例如身份验证、日志记录、错误处理等。Express本身只提供了一些基本的中间件，但开发者可以自定义和使用第三方中间件来满足自己的需求。 4. 模板引擎：Express支持多种模板引擎，例如EJS、Handlebars等。这使得开发者可以方便地生成动态的HTML页面，并将数据动态地渲染到页面上。 5. 静态文件服务：Express可以用于提供静态文件服务，例如HTML、CSS、JavaScript文件等。这使得开发者可以轻松地将静态文件提供给客户端。 6. 错误处理：Express提供了一套错误处理机制，可以捕获和处理应用程序中的错误。开发者可以定义自己的错误处理中间件，以便对错误进行适当的处理和响应。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值