分享实现类似QQ的自动登陆的方法,代码比较简单,主要是给大家提供一个实现逻辑,具体的要结合自身的app来做

转载自http://ask.dcloud.net.cn/article/1139

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登陆的效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值