6***@qq.com
6***@qq.com
  • 发布:2017-01-20 13:28
  • 更新:2017-01-20 13:28
  • 阅读:4510

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

分类:MUI

在官方的群里面发现很多朋友都希望能实现自动登陆的效果,但是可能因为没有做过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登陆的效果。代码比较简单,大神勿喷!!!!!!!!!!!!!
第一次发帖,希望大家给点鼓励!!!!!

4 关注 分享
lhyh anxiang 7***@qq.com 糖糖小猪

要回复文章请先登录注册

6***@qq.com

6***@qq.com (作者)

呵呵是的,是我
2017-01-20 13:55
lhyh

lhyh

回复 6***@qq.com :
啊,群里的,12345
2017-01-20 13:53
anxiang

anxiang

作为群友 来赞一个
2017-01-20 13:40
6***@qq.com

6***@qq.com (作者)

回复 lhyh :
改了
2017-01-20 13:38
6***@qq.com

6***@qq.com (作者)

呵呵第一次发帖,以后改进多谢多谢
2017-01-20 13:34
lhyh

lhyh

不妨稍微调整下页面格式,有代码的地方用下面这个包起来,效果会更好
```javascript

```
2017-01-20 13:32