文档中心
首页
  • HTML
  • CSS
  • JavaScript
  • Vue
  • 前端工程化
  • Laravel
  • MySql
  • Linux
  • 公众号与小程序
  • 其他
  • vue-element-admin
  • vue-antd-admin
  • VuePress
  • 《JavaScript教程》
  • 《JavaScript高级程序设计》
  • 《ES6 教程》
  • 《Vue》
  • 《React》
  • 《TypeScript 从零实现 axios》
  • 《Git》
  • TypeScript
  • vue-element-admin集成模板
  • 商品进销存管理系统
  • 民主测评管理系统
  • 在线考试系统
  • 股票分析系统
  • 利用vue.js和vue-element-admin开发管理系统
  • PHP开发微信公众号
  • Laravel开发RESTful API
  • uni-app开发微信小程序
技术文摘
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
关于
收藏
  • 分类
  • 标签
  • 归档

Evan Xu

前端界的小学生
首页
  • HTML
  • CSS
  • JavaScript
  • Vue
  • 前端工程化
  • Laravel
  • MySql
  • Linux
  • 公众号与小程序
  • 其他
  • vue-element-admin
  • vue-antd-admin
  • VuePress
  • 《JavaScript教程》
  • 《JavaScript高级程序设计》
  • 《ES6 教程》
  • 《Vue》
  • 《React》
  • 《TypeScript 从零实现 axios》
  • 《Git》
  • TypeScript
  • vue-element-admin集成模板
  • 商品进销存管理系统
  • 民主测评管理系统
  • 在线考试系统
  • 股票分析系统
  • 利用vue.js和vue-element-admin开发管理系统
  • PHP开发微信公众号
  • Laravel开发RESTful API
  • uni-app开发微信小程序
技术文摘
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
关于
收藏
  • 分类
  • 标签
  • 归档
  • HTML

  • CSS

  • JavaScript文章

  • JavaScript

  • Vue

  • uni-app

  • 前端工程化

    • 了解前端开发
    • 了解前后端分离开发
      • 理解前后端分离开发
      • 前后端开发中的认证
      • 后端令牌的生成
    • node-sass安装和使用
    • git常用命令
    • git分支管理
    • 使用github发布服务自动部署应用
    • git与nodejs的安装
    • browser-sync的安装与使用
    • browser-sync插件与gulp的简单配合使用
    • 前端电子书
  • 前端
  • 前端工程化
wmhello
2021-11-17
目录

了解前后端分离开发

# 了解前后端分离开发

# 理解前后端分离开发

前后端分离开发,在我们的项目中,其他可以理解为两个项目
后端开发api, 负责管理数据和部分逻辑业务(node.js php java)
前端负责页面呈现以及和用户的交互业务(js vue.js)

# 前后端开发中的认证

不能用传统的session来记住密码,只能用token,在客户端,session的保存是以cookie的形式来保存的,而cookie只能是浏览器里面提供
流程

  1. 客户端使用用户名、密码等请求登录

  2. 服务端接口到参数后,核对用户名和密码信息,信息正确,则生成一个新的令牌并且用json的方式返回给客户端(只是生成令牌信息,活动令牌、过期时间和刷新令牌)

  3. 客户端收到返回的令牌之后,存在cookie、localstorage里面或者内部的存储空间,以便每次访问接口,都必须带上生成好的令牌(保存令牌)

  4. 去访问用户信息接口,必须在http请求头里面带上第3步保存好的令牌,这样就获取用户的信息

  5. 每次访问接口,都必须带上令牌,如果令牌过期,则可以刷新之后在使用

  6. 前端系统退出时,先访问后端的退出接口,让活动令牌和刷新令牌作废,并退出用户登录。

# 后端令牌的生成

oauth2.0

jwt a(b) => api/Login 登录成功 然后根据用户名和密码以及登录时间等相关要素进行加密计算 得到两个令牌 一个活动令牌 一个刷新令牌 活动令牌和用户名之间建立一个一一对应的关系 04635f78035eb8e83d0d02cea5eb400263b42d0a5b3dc0258e155c2e6760f291c33393297e9d69a4(sdkfjsdlkfjsdljf;slkdfjlsdkfjksdlk)
04635f78035eb8e83d0d02cea5eb400263b42d0a5b3dc0258e155c2e6760f291c33393297e9d69a->user_id(1)

了解前端开发
node-sass安装和使用

← 了解前端开发 node-sass安装和使用→

最近更新
01
使用VuePress搭建博客系统(一)
08-08
02
利用FreeSSL.cn申请免费SSL证书
07-23
03
民主测评管理系统
07-22
更多文章>
Theme by Vdoing | Copyright © 2019-2024 wmhello |备案号:滇ICP备2023013341号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式