JavaScript全解析——express

最新推荐文章于 2024-05-21 14:15:14 发布
最新推荐文章于 2024-05-21 14:15:14 发布
阅读量841 收藏 1
点赞数
分类专栏： JavaScript全解析专栏 文章标签： javascript express 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/longz_org_cn/article/details/130699625
版权


express 的基本使用

 

●express 是什么?
○是一个 node 的第三方开发框架
■把启动服务器包括操作的一系列内容进行的完整的封装
■在使用之前, 需要下载第三方
■指令: npm install express

1.基本搭建

// 0. 下载: npm install express

// 0. 导入
const express = express();

// 1. 创建服务器
const server = express();

// 2. 给服务器配置监听端口号
server.listen(8080, () => {
    console.log("服务器启动成功");
});



复制代码

文章底部扫码领取前端学习大礼包！

2.配置静态资源

a.之前:
i.约定:
1.所有静态资源以 /static 开头
2.按照后面给出的文件名自己去组装的路径
ii.组装:
1.准备了初始目录 './client/'
2.按照后缀去添加二级目录
3.按照文件名去查找内容
iii.例子: /static/index.html
1.自动去 './client/views/index.html'

b.现在:
i.约定:
1.所有静态资源以 /static 开头
2.按照 /static 后面的路径去访问指定文件
3.要求: 在 /static 以后的内容需要按照 二级路径的正确方式书写
a. 假设你需要请求的是 './client/views/index.html' 文件
b.你的请求地址需要书写 '/static/views/index.html'

c.语法:
i. express.static('开放的静态目录地址')
ii.server.use('访问这个地址的时候', 去到开放的静态目录地址)

// 0. 下载: npm install express
// 0. 导入
// 1. 创建服务器

// 1.1 配置静态资源
server.use("/static", express.static("./client/"));

// 2. 给服务器配置监听端口号


复制代码

3.配置接口服务器

// 0. 下载: npm install express
// 0. 导入
// 1. 创建服务器
// 1.1 配置静态资源

// 1.2 配置服务器接口
server.get("/goods/list", (req, res) => {
    /**
     *  req(request): 本次请求的相关信息
     *  res(response): 本次响应的相关信息
     *
     *  req.query: 对 GET 请求体请求参数的解析
     *      如果有参数, req.query 就是 {a:xxx, b:yyy}
     *      如果没有参数, req.query 就是 {}
     */
    console.log(req.query);
    // res.end(JSON.stringify({code: 1, msg: '成功'}))
    res.send({ code: 1, msg: "成功" });
});

server.post("/users/login", (req, res) => {
    console.log(req.query);
    // 注意! express 不会自动解析 post 请求的 请求体
    res.send({
        code: 1,
        msg: "接收 POST 请求成功, 但是还没有解析请求体, 参数暂时不能带回",
    });
});

// 2. 给服务器配置监听端口号


复制代码

文章底部扫码领取前端学习大礼包！

express 的路由

●express 提供了一个方法能够让我们制作一张 "路由表"
●目的就是为了帮助我们简化 服务器index.js 内部的代码量
●服务器根目录/router/goods.js


// 专门存放于 goods 相关的路由表
const express = require("express");

// 创建一个路由表
const Router = express.Router();

// 向表上添加内容, 添加内容的语法, 向服务上添加的语法一样
Router.get("/info", (req, res) => {
    res.send({
        code: 1,
        message: "您请求 /goods/list 成功",
    });
});

// 导出当前路由表
module.exports.goodsRouter = Router


复制代码

●服务器根目录/router/index.js

const express = require("express");

// 0. 导入处理函数
const { goodsRouter } = require("./goods");

// 创建路由总表
const Router = express.Router();

// 向路由总表上添加路由分表
Router.use("/goods", goodsRouter);

// 导出路由总表
module.exports = Router


复制代码

●服务器根目录/index.js


// 0. 下载并导入 express
const express = require("express");

const router = require("./router"); // 相当于 ./router/index.js

// 1. 创建服务器
const server = express();

// 1.1 配置静态资源
server.use("/static", express.static("./client"));

// 1.2 配置接口
server.use("/api", router);

// 2. 给服务器监听端口号
server.listen(8080, () => {
    console.log("服务启动成功, 端口号8080~~~");
});



复制代码

express 的中间件
●概念
○在任意两个环节之间添加的一个环节, 就叫做中间件
●分类
○全局中间件
■语法: server.use(以什么开头, 函数)
●server: 创建的服务器, 一个变量而已
●以什么开头: 可以不写, 写的话需要是字符串
●函数: 你这个中间件需要做什么事


// 0. 下载并导入第三方模块
const express = require("express");
// 0. 引入路由总表
const router = require("./router");
// 0. 引入内置的 fs 模块
const fs = require("fs");

// 1. 开启服务器
const app = express();

// 1.1 开启静态资源
app.use("/static", express.static("./client/"));

// 1.2 添加一个 中间件, 让所有请求进来的时候, 记录一下时间与请求地址
app.use(function (req, res, next) {
    fs.appendFile("./index.txt", `${new Date()} --- ${req.url} \n`, () => {});

    next(); // 运行完毕后, 去到下一个中间件
});

// 1.3 开启路由表
app.use("/api", router);

// 2. 给服务添加监听
app.listen(8080, () => console.log("服务器开启成功, 端口号8080~"));


复制代码

文章底部扫码领取前端学习大礼包！

○路由级中间件
■语法: router.use(以什么开头, 函数)
●router: 创建的路由表, 一个变量而已
●以什么开头: 可以不写, 写的话需要是字符串
●函数: 你这个中间件需要做什么事


// 路由分表
const router = require("express").Router();

// 导入 cart 中间件
const cartMidd = require("../middleware/cart");

// 添加路由级中间件
router.use(function (req, res, next) {
    /**
     *  1. 验证 token 存在并且没有过期才可以
     *          规定: 请求头内必须有 authorization 字段携带 token 信息
     */
    const token = req.headers.authorization;

    if (!token) {
        res.send({
            code: 0,
            msg: "没有 token, 不能进行 该操作",
        });
    }

    next();
});

router.get("/list", cartMidd.cartlist, (req, res) => {
    res.send({
        code: 1,
        msg: "请求 /cart/list 接口成功",
    });
});

router.get("/add", (req, res) => {
    res.send({
        code: 1,
        msg: "请求 /cart/add 接口成功",
    });
});

module.exports.cartRouter = router;



复制代码

○请求级中间件
■直接在请求路由上, 在路由处理函数之前书写函数即可


// 路由分表
const router = require("express").Router();
// 导入 cart 中间件
const cartMidd = require("../middleware/cart");

router.get("/list", cartMidd.cartlist, (req, res) => {
    res.send({
        code: 1,
        msg: "请求 /cart/list 接口成功",
    });
});

router.get("/add", (req, res) => {
    res.send({
        code: 1,
        msg: "请求 /cart/add 接口成功",
    });
});

module.exports.cartRouter = router;

// ../middleware/cart.js
const cartlist = (req, res, next) => {
    // 1. 判断参数是否传递
    const { current, pagesize } = req.query;
    if (!current || !pagesize) {
        res.send({
            code: 0,
            msg: "参数current或者参数pagesize没有传递",
        });
        return;
    }
    if (isNaN(current) || isNaN(pagesize)) {
        res.send({
            code: 0,
            msg: "参数current或者参数pagesize 不是 数字类型的, 请处理",
        });
        return;
    }

    next();
};

module.exports.cartlist = cartlist


复制代码

○错误中间件
■本质上就是一个全局中间件, 只不过处理的内容


// 0. 下载并导入第三方模块
const express = require("express");
// 0. 引入路由总表
const router = require("./router");
// 0. 引入内置的 fs 模块
const fs = require("fs");

// 1. 开启服务器
const app = express();

// 1.1 开启静态资源
app.use("/static", express.static("./client/"));

// 1.2 开启路由表
app.use("/api", router);

// 1.3 注册全局错误中间件(必须接收四个参数)
app.use(function (err, req, res, next) {
    if (err === 2) {
        res.send({
            code: 0,
            msg: "参数current或者参数pagesize没有传递",
        });
    } else if (err === 3) {
        res.send({
            code: 0,
            msg: "参数current或者参数pagesize 不是 数字类型的, 请处理",
        });
    } else if (err === 4) {
        res.send({
            code: 0,
            msg: "没有 token, 不能进行 该操作",
        });
    }
});

// 2. 给服务添加监听
app.listen(8080, () => console.log("服务器开启成功, 端口号8080~"));
/*
 *      4. 错误中间件
 *          为了统一进行错误处理
 *
 *      例子:
 *          接口参数少
 *              请求 /goods/list 参数少
 *              请求 /cart/list 参数少
 *              请求 /news/list 参数少
 *              res.send({code: 0, msg: '参数数量不对'})
 *          接口参数格式不对
 *              请求 /users/login 格式不对
 *              请求 /goods/list 格式不对
 *              res.send({code: 0, msg: '参数格式不对})
 *
 *      思考:
 *          正确的时候, 直接返回结果给前端
 *          只要出现了错误, 统一回到全局路径上
 *
 *      操作:
 *          当你在任何一个环节的中间件内
 *          => 调用 next() 的时候, 表示的都是去到下一个环节
 *          => 调用 next(参数) 的时候, 表示去到的都是全局错误环节
 *      参数:
 *          参数的传递需要自己和自己约定一些暗号
 *          2: 表示 接口参数少
 *          3: 表示 接口参数格式不对
 *          4: 表示没有token
 *          5: XXXX....
 */



复制代码

token 的使用
●token 的使用分为两步
○加密
■比如用户登陆成功后, 将一段信息加密生成一段 token, 然后返回给前端
○解密
■比如用户需要访问一些需要登陆后才能访问的接口, 就可以把登录时返回的token保存下来
■在访问这些接口时, 携带上token即可
■而我们接收到token后, 需要解密token, 验证是否为正确的 token 或者 过期的 token
1.加密

/**
 *  使用一个 第三方包   jsonwebtoken
*/
const jwt = require("jsonwebtoken");

/**
 *  1. 加密
 *      语法: jwt.sign(你要存储的信息, '密钥', {配置信息})
 */
const info = { id: 1, nickname: "肠旺面" };
const token = jwt.sign(info, "XXX", { expiresIn: 60 });

// console.log(token);
/*
    eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.
    eyJpZCI6MSwibmlja25hbWUiOiLogqDml7rpnaLliqDnjKrohJoiLCJpYXQiOjE2NzAxNTYwMDgsImV4cCI6MTY3MDE1NjA2OH0.
    12-87hSrMYmpwXRMuYAbf08G7RDSXM2rEI49jaK5wMw
*/


复制代码

2.解密


jwt.verify(token, "XXX", (err, data) => {
    if (err) return console.log(err); // JsonWebTokenError: invalid signature
    console.log(data);
});

 更多精彩文章请B站搜索“千锋教育”

千锋IT教育
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
expressjs 项目实践
Cool的博客
11-12 1234
## 架构：expressjs + express-jwt + sequelize + express-validate ## 数据库：mysql ## 实现功能：登录、验证码、鉴权、用户、上传、下载、错误统一处理 ## api格式: restful + json 项目目录 app.js // var createError = require('http-errors'); var express = require('express'); var path = re..
Node.js学习十三（express框架）
qq_44872688的博客
03-01 1761
文章目录一、Express介绍1、Express是什么2、为什么要使用Express3、express的作用二、Express的基本使用1、安装2、创建基本的Web服务器3、监听GET请求4、监听POST请求5、把内容响应给客户端6、举例7、获取URL中携带的查询参数8、获取URL中的动态参数9、获取post请求数据（1）通过事件获取数据（2）body-parser模块三、Express路由1、路由的概念（1）Express中的路由（2）简单路由举例（3）路由的匹配过程2、路由的使用（1）简单用法（2）模块
node.js express框架
02-04
express框架，使用PM2部署后台项目
Node.js学习笔记III ---Express基本使用
qq_43057018的博客
05-12 3790
Express的作用和Node.js内置的http模块类似，是专门用来创建Web服务器的。
Node.js Express 框架：Express 框架中的请求和响应、Express 中间件、Express 请求处理、express-art-template 模板引擎
icemwj的博客
10-12 2529
8、Node.js Express 框架 8.1 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架，提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。 Express 框架核心特性： 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HTML 页面。 提供了方便简洁的路由定义方式 对获取HTTP请求参数进行了
Express.js简单入门
xiaobangsky的专栏
02-02 3249
Express.js简单入门介绍Web应用API性能如何创建一个项目express的编程模型express的中间件路由错误处理代码示例 介绍 Web应用 Express 是一个简洁而灵活的 node.js Web应用框架, 提供一系列强大特性帮助你创建各种Web应用 API 丰富的HTTP工具以及来自Connect框架的中间件随取随用，创建强健、友好的API变得快速又简单 性能 Express 不对 node.js 已有的特性进行二次抽象，我们只是在它之上扩展了Web应用所需的功能 如何创建一个项目 创建
Node.js之Express详解
热门推荐
WikY
11-11 1万+
Express Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架 使用 Express，我们可以方便、快速的创建 Web 网站的服务器或 API 接口的服务器。 express的基本使用 安装 npm install express npm i express@最新版本号 创建基本的web服务器 导入express模块 创建web服务器 调用app.listen()函数启动服务器 //1.导入express模块 const express = require('ex
Node.js学习笔记——Express.js
manerzi的博客
04-02 980
Node.js学习笔记——Express.js
JS 流行框架（二）：Express
0lonely0
11-30 1551
JS 流行框架（二）：Express
Express.js 简记
Oooops_的博客
01-23 1321
express的简单入门笔记： express的路由、静态管理、中间件、跨域问题等内容
javascript运算符——逻辑运算符全面解析
10-22
下面小编就为大家带来一篇javascript运算符——逻辑运算符详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JavaScript_解析服务器为Nodejs Express.zip
05-20
JavaScript
WebSocket实战之——JavaScript例子
02-25
一、详细代码案例详细解读一个简单html5WebSocket的Js实例教程,附带完整的javascriptwebsocket实例源码，以及实例代码效果演示页面，并对本实例的核心代码进行了深入解读。从WebSocket通讯三个阶段（打开握手、数据...
Node.js开发框架Express.js做一个简单的Web应用以及代码详解
SteveRocket's-Blog
07-02 791
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，可以让JavaScript在服务器端运行。Express.js是Node.js应用最广泛的一个开源Web应用程序框架，提供了一组强大的功能，使得开发Web应用程序变得更加容易和高效。1. 简单易用：Express.js提供了一组简单易用的API，使得开发Web应用程序变得更加容易和高效。 2. 轻量级：Express.js是一个轻量级的框架，不会对服务器资源造成过多的负担。 3. 高度可定制：Express.js提供了丰富的中
Node.js Express框架
上庸者-不服周
06-12 2100
中间件Express
JavaScript学习笔记（四十八）——Node.js之Express
qq_45268602的博客
10-18 758
以下内容转载编辑自菜鸟教程 提醒：该篇文章里面的操作方式可能与你的操作方式不太一样，注意要用你的方式去执行代码。希望通过该篇文章能对express有一定的了解。 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。 Express 框架核心特性： 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同的 HTTP 请求动作。
Node.js之express详解
qq_62254095的博客
04-11 774
多个中间件之间，共享同一份 req 和 res。基于这样的特性，我们可以在上游的中间件中，统一为 req 或 res 对象添加自定义的属性或方法，供下游的中间件或路由进行使用。可以使用 app.use() 连续定义多个全局中间件。自己手动模拟一个类似于 express.urlencoded 这样的中间件，来解析 POST 提交到服务器的表单数据。① 定义中间件② 监听 req 的 data 事件③ 监听 req 的 end 事件④ 使用 querystring 模块解析请求体数据。
Express.js 与 Nest.js对比
qq_42880714的博客
11-17 1824
Express.js 与 Nest.js对比
openlayers绘制经纬网格，有添加或者移除功能
最新发布
qq_52959651的博客
05-21 119
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
JavaScript浮点数运算 —— 精度问题
06-09
在 JavaScript 中，浮点数运算存在精度问题。这是因为 JavaScript 使用 IEEE 754 标准来表示浮点数，这种标准使用二进制表示浮点数，而二进制又不能精确地表示某些十进制小数。这导致在进行简单的浮点数运算时，结果...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值