一、登陆流程
文字描述:用户进入App,之后就是判断该App是否有用户登陆过,如果有,直接进入首页,否则跳转到登陆页,登陆成功后,进入首页。
流程图如下:
二、在uniapp项目中代码实现
实现逻辑:
1. 前提准备:登录页、首页、在pages.json里配置App展示的第一个页面就是首页
2. 在app.vue页面的 onLaunch 方法中,判断用户是否登陆
<script>
export default {
onLaunch: function() {
console.log('App Launch')
//通过本地缓存取出登陆的凭证
let loginValue = uni.getStorageSync("isLoginKey");
//如果没有登陆,就跳转到登陆页,如果已经登陆过,那就默认,会直接展示首页
if (!loginValue) {
//跳转进入登录页
uni.reLaunch({
url: "/pages/login/login",
success: () => {}
})
}
},
onShow: function() {
console