微信小程序开发附源码:Vue 微信项目按需授权登录策略
实践思路详解
Vue 微信项目按需授权登录策略实践思路详解
项目采用 Vue 作为开发框架,用户浏览页面时有两种情况:
一种是需要用户先登录之后才能继续浏览;
另一种是用户无需登录即可随意浏览。
在无需用户登录的页面中,可能包含需要用户信息的操作,此时就需
要用户登录之后方能进行后续操作。因此,需要对授权登录策略进行
区分。
思路
1.一般而言,我们为微信开发的 H5 页面,进入页面的时候就进行鉴
权,要求用户登录之后才能继续浏览。但由于产品需求,这个项目我
们需要对不同页面的鉴权策略进行划分,按照一般与特殊进行设计:
2.一般情况,用户进入页面第一时间要求用户授权登录,按照常规的
微信授权登录流程,登录之后,用户继续浏览。
3.特殊情况,为无需用户登录的页面配置白名单,只要进入存在于白
名单的路由,不进入检测用户登录状态的函数,直接渲染页面。
对于用户未登录状态下进行的需要用户信息的操作,按照我目前的理
解,即使是基于微信的静默授权,页面也必须重新刷新,无法做到真
正无感授权并且继续用户的操作。因此我选择在前端层面给用户更友
好的提示,让用户了解授权过程,缺点是前一次操作仅仅是触发授权