相思资源网 Design By www.200059.com
微信小程序授权是非常简单和常用的功能，但为了方便，还是在此记录一下要点：
首先是需要用到一个授权按钮来触发获取用户信息授权： 关键在于 open-type 为 getUserInfo , 然后有个@getuserinfo的事件，把获取授权接口写到该事件里面去
<button class="sys_btn" open-type="getUserInfo" lang="zh_CN" @getuserinfo="appLoginWx">{{loginInfo.openid != "" && loginInfo.openid != undefined "已授权" : "小程序授权"}}</button>
方法如下：
appLoginWx(){
// #ifdef MP-WEIXIN
uni.getProvider({
service: 'oauth',
success: function (res) {
if (~res.provider.indexOf('weixin')) {
uni.login({
provider: 'weixin',
success: (res) => {
_self.authorization = res.code;
uni.getUserInfo({
provider: 'weixin',
success: (info) => {//这里请求接口
console.log(res);
console.log(info);
},
fail: () => {
uni.showToast({title:"微信登录授权失败",icon:"none"});
}
})
},
fail: () => {
uni.showToast({title:"微信登录授权失败",icon:"none"});
}
})
}else{
uni.showToast({
title: '请先安装微信或升级版本',
icon:"none"
});
}
}
});
//#endif
}
在 uni.login 和 uni.getUserInfo 被调用后，你可以获取到以下值用于继续请求后端给你的接口：
常用的值大概有：code 、iv 、encryptedData 和 个人基本信息，这些可以传给后端交换得到openid。
如果需要知道用户当前是否已经授权，则可以使用如下代码：
uniapp的授权文档，可以判断不同的授权类型：https://uniapp.dcloud.io/api/other/authorize"htmlcode">
// #ifdef MP-WEIXIN
uni.getSetting({
success(res) {
console.log("授权：",res);
if (!res.authSetting['scope.userInfo']) {
//这里调用授权
console.log("当前未授权");
} else {
//用户已经授权过了
console.log("当前已授权");
}
}
})
//#endif
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无uni-app微信小程序登录授权的实现的评论...