登录鉴权思路

一、 cookie授权登录

1、在vue(项目运行在浏览器中)
①.首先用户输入账号密码,前端校验完毕账号密码符合规则之后,把这些数据发送给后端。
①.1前端拿到用户密码发送给后端的时候有可能需要加密(MD5 base64)(前后端协商)
2、后端通过校验之后 自动的生成session的值 并且在发送给前端的响应头中,设置 set-session字段,这个字段就是后端返回的session值
3、当浏览器接收到这个响应头的时候 会自动将session中的值存储到cookie中
③.1如果非同源或者有跨域,那么浏览器是不会直接存储session到cookie中的
4、然后在以后的每一次前后端交互过程中,浏览器会自动的把cookie中的值放到请求头中,然后给后端进行解析

2、在小程序中
①、基本上与浏览器中的操作是一致的,但是微信小程序不会直接读取 set-session进行设置,
②、需要在wx.request中拿到响应整体,紧接着通过响应头中的set-session获取到session值
③、前端拿到session值之后,需要手动的通过wx.setStorageSync将这个值存储到微信小程序的本地缓存中
④、紧接着在每一次发送请求的时候,在请求头中设置一个cookie字段,自己手动去获取微信小程序的本地缓存中的值,然后赋值给cookie,紧接着再继续发送请求就好了。

3、cookie或者session或者token过期之后
1、后台都会直接的通过接口返回数据告诉前端,登录超时或者cookie/token过期等
2、前端在接收到这样的返回值信息之后,直接的让页面跳转到登录就好

4、鉴权
1、用户在跳转到某一个需要登录之后才能进入的页面的时候
2、可以通过存储在缓存中的登录成功信息或者全局变量中的登录信息来判断是否已经登录
②.1 在vue项目中 可以通过路由守卫来实现这个操作
②.2 在小程序中 当页面需要跳转的时候 判断用户是否登录
②.3 还可以在页面的onShow生命周期中进行判断当前用户是否登录,如果用户没有登录,直接通过wx.navigateBack让用户返回上一页或者跳转到登录页都可以
3、如果登录正常跳转,如果没有登录,则直接提示用户需要登录

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值