在官方的群里面发现很多朋友都希望能实现自动登陆的效果,但是可能因为没有做过app,所以缺乏相应的思路,今天我来和大家分享一下我的一个思路
1.首先我们在index.html页面下面进行是否登陆的判断,以及执行自动登陆等操作
index页面为你的底部导航页,因为底部导航页是你进入app的启动页面
index页面的代码如下
//监听加载事件,执行自动登陆方法
window.addEventListener('load',function(){
loginagin();
});
//定义自动登陆的方法,如果本地存储存在则执行主动登陆,如果不存在则打开登陆页面,隐藏index页面
var ph=localStorage.getItem('ph');//本地存储,存储你的用户名
var passwrod =localStorage.getItem('password');//本地存储,存储你的密码
//真实项目下应该存储一个服务器返回的token,通过token来实现自动登陆,保护用户的数据安全
function loginagin()
{ if (localStorage.getItem('ph')&&localStorage.getItem('password')) {
mui.post('登陆接口地址',{ //请求接口地址
username:ph,
password:passwrod
},
function(data){ //data为服务器端返回数据
var lg=JSON.parse(data);
console.log(JSON.stringify(data));
console.log(data.status);
console.log(data.msg);
localStorage.setItem('user',data.user_id);
localStorage.setItem('token',data.access_token);
localStorage.setItem('status',data.status);
//通知个人中心页,更新用户数据
var upLogin =['ihome.html']
ca.sendNotice(upLogin,'update_user',{
userid:lg.user_id ,
token:lg.access_token,
status:lg.status
});
},'json'
);
}
else
{
mui.plusReady(function(){
plus.webview.open('login.html','login.html');
plus.webview.currentWebview().hide();//不可以把index页面关闭否则无非执行通知等
});
}
};
....................................................................................................................................................
2.在登陆页面,执行登陆完成后把inde页面显示出来
//登陆成功后把index页面显示出来,并关闭登陆页面
mui.plusReady(function(){
plus.webview.getLaunchWebview().show();
});
ca.closeCurrentInterface();
到此整个的业务逻辑就完成了实际测试了一下是可以实现类似qq登陆的效果。代码比较简单,大神勿喷!!!!!!!!!!!!!
第一次发帖,希望大家给点鼓励!!!!!
6 个评论
要回复文章请先登录或注册
6***@qq.com (作者)
lhyh
anxiang
6***@qq.com (作者)
6***@qq.com (作者)
lhyh