Uni-App - 接口 - 第三方登录(小程序)(Hcoder 版)

重要说明

因小程序和app登录接口不同,需要在前端进行跨端兼容处理!

 

小程序端必须的配置

小程序端必须配置 app id(申请小程序开发者并获取 appid 及相关秘钥,支持个人开发者)。获取appid后编辑 manifest.json :

"mp-weixin" : {
    "appid" : "您的app id"
}

 

接口地址

https://developers.weixin.qq.com/miniprogram/dev/api/open.html#wxgetuserinfoobject

 

app 端必须的配置

app 端支持微信、qq、微博等多种登录方式,都需要申请对应的开发者并获取对应的 appid。获取对应的appid后打开 manifest 可视化操作填写即可:

Uni-App - 接口 - 第三方登录(小程序)(Hcoder 版)_第1张图片

 

是否登录判断(App.vue)

global.isLogin = function(){
 try{
  var suid  = uni.getStorageSync('suid');
  var srand = uni.getStorageSync('srand');
 }catch(e){
  //TODO handle the exception
 }
 if(suid == '' || srand == ''){
  return false;
 }else{
  return [suid, srand];
 }
};

 

需要登录的页面判断

var res = global.isLogin();
  if(!res){
   uni.showModal({
    title:'请登录',
    content:"请登录",
    success:function(){
     uni.navigateTo({
      url:"/pages/login"
     });
    }
   })
  }

 

登录页面开发



 

你可能感兴趣的:(#,Uni-App,#,Uni-App,教程)