第26讲 : uni-app 第三方登录（小程序篇）
最后更新于：2022-04-02 07:28:42
## 重要说明
因小程序和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 可视化操作填写即可：
### 是否登录判断（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"
});
}
})
}
```
## 登录页面开发
```
```
';