目录
简介
前后端通信桥梁。一个接口就是服务器中的一个路由规则,根据请求响应结果。
组成
请求方式、接口地址、请求参数、响应结果
RESTFul API
是一种特殊风格的接口。URL中的路径表示资源,路径中不能有动词,如create、delete、update等这些都不能有;操作资源要与HTTP请求方法对应;操作结果要与HTTP响应状态码对应。
Json-server
json-server
是一个开源的 Node.js 应用程序,它可以快速搭建一个模拟的 RESTful API 服务器,这个服务器的数据来源是一个 JSON 文件。这个工具主要用于前端开发阶段,尤其是在后端服务尚未准备好或者正在进行迭代开发时,前端开发者可以通过配置一个 JSON 文件来模拟真实的后端数据接口,从而提前进行 UI 开发和交互测试。
全局安装
npm i -g json-server
创建JSON文件
编写data.json文件基本结构
{
"film": [
{
"name": "阿黛尔的生活",
"country": "法国"
},
{
"name": "星际穿越",
"country": "美国"
},
{
"name": "流浪地球",
"country": "中国"
},
{
"name": "新桥恋人",
"country": "法国"
}
]
}
以data.json文件所在文件夹为工作目录,执行如下命令:监听端口3000
json-server --watch data.json
结果如下:
修改film后的参数,可以根据id获得对应id数据
接口测试工具——apipost
获取
新增
删除
更新
修改之前
会话控制
简介
会话控制(Session Control)在计算机网络尤其是Web开发领域,指的是管理用户从一个网页到另一个网页交互过程中的状态和相关信息的技术。由于HTTP协议本身是无状态的(stateless),这意味着服务器并不能记住两次请求之间的任何联系,即服务器无法默认识别是否是同一用户发起的连续请求。为了弥补这一不足并实现诸如保持登录状态、购物车内容、个性化设置等功能,会话控制机制应运而生。
常见会话控制
Cookie-based 会话控制
Cookie:服务器会在客户端(浏览器)设置一个名为Cookie的小型文本文件,其中包含了会话ID或其他会话相关数据。每次客户端发起HTTP请求时,浏览器都会自动将相关的Cookie一起发送给服务器,服务器通过解析Cookie内容来识别用户会话。
Session-based 会话控制
Session:服务器端创建并维护一个会话存储区域(如内存、数据库或缓存系统)。当用户首次访问时,服务器会生成一个唯一的会话ID,并将其作为Cookie返回给客户端,后续请求中客户端会将此会话ID随请求头一并发送给服务器,服务器通过会话ID查找对应的会话数据。
Token-based 会话控制
Token(如JWT):JSON Web Tokens (JWTs) 是一种开放标准,服务器颁发一个包含用户身份信息的加密令牌给客户端,客户端在后续请求中将此令牌放在请求头(如Authorization字段)中发送给服务器。服务器验证令牌的有效性后,从中提取用户状态信息,而不需要在服务器端持久存储会话数据。
cookie
是HTTP服务器发送到用户浏览器并且保存在本地的一小块数据。保存在浏览器端的一小块数据,是按照域名划分保存的。
特点
浏览器向服务器发送请求时,会自动将当前域名下可用的cookie设置在请求头中,然后传递给服务器,这个请求头的名字也叫cookie。
express中操作cookie
const express = require('express');
const cookieParser = require('cookie-parser')
const app = express();
app.use(cookieParser());
app.get('/set-cookie', (req, res) => {
// 设置cookie
// res.cookie('name', 'lihua'); // 会在浏览器关闭的时候, 销毁
res.cookie('name','lili', {maxAge: 60 * 1000}) // 设置cookie生命周期
// 主题:红色
res.cookie('theme', 'red');
res.send('cookie');
});
// 删除 cookie
app.get('/remove-cookie', (req, res) => {
res.clearCookie('name');
res.send('删除成功');
});
// 安装一个工具包cookie-parser 获取 cookie
app.get('/get-cookie', (req, res) => {
console.log(req.cookies);
})
app.listen(3000);
session
保存在服务器端的一块儿数据,保存当前访问用户的相关信息。实现会话控制,识别用户身份,快速获取当前用户的信息。
express中操作session
安装express-session,在express框架中操作session。
const express = require('express');
// 引入 express-session connect-mongo
const session = require("express-session");
const MongoStore = require('connect-mongo');
const app = express();
// 设置 session 的中间件
app.use(session({
name: 'sid', // 设置cookie的name,默认值是:connect.sid
secret: 'miyao', // 参与加密的字符串
saveUninitialized: false, // 是否为每次请求都设置一个cookie用来存储session的id
resave: true, // 是否在每次请求时重新保存session
store: MongoStore.create({
mongoUrl: 'mongodb://127.0.0.1:27017/mymgdb' // 数据库的连接配置
}),
cookie: {
httpOnly: true, // 开启后前端无法通过 JS 操作
maxAge: 1000 * 60 * 5 // 这一条是控制 sessionID 的过期时间的!!!
},
}))
//首页路由
app.get('/', (req, res) => {
res.send('home')
})
//登录 session 的设置
app.get('/login', (req, res) => {
// username=admin&password=admin
if(req.query.username === 'admin' && req.query.password === 'admin'){
// 设置 session 信息
req.session.username = 'admin';
req.session.uid = '258aefccc';
// 成功响应
res.send('登录成功');
}else{
res.send('登录失败~~');
}
})
// session 的读取
app.get('/cart', (req, res) => {
// 检测 session 是否存在用户数据
if(req.session.username){
res.send(`购物车页面, 欢迎您 ${req.session.username}`)
}else{
res.send('您还没有登录~~');
}
});
// session 的销毁
app.get('/logout', (req, res) => {
req.session.destroy(() => {
res.send('退出成功~~');
})
})
// 启动服务
app.listen(3000);
token
是服务器端生成并返回给HTTP客户端的一窜加密字符串,tokeb中保存着用户信息。
JWT
JWT(JSON Web Token)是目前最流行的跨域认证解决方案,可用于基于Token的身份验证。
npm i jsonwebtoken
// 导入 jwt
const jwt = require('jsonwebtoken');
// 创建(生成) token
/**
* let token = jwt.sign(用户数据, 加密字符串, 配置对象);
let token = jwt.sign({
username: 'zhangsan'
}, 'miyao', {
expiresIn: 60, //单位是秒
})
*/
// console.log(token);
let t = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6InpoYW5nc2FuIiwiaWF0IjoxNjc3MzEzNTc1LCJleHAiOjE2NzczMTM2MzV9.fziAyCdYfhMYeM2a-XPMNZYdhIVYpluBoNR1c5oUm70';
// 校验 token
jwt.verify(t, 'miyao', (err, data) => {
if(err){
console.log('校验失败');
return
}
console.log(data);
})