uni-app微信小程序登录授权的实现_uniapp微信授权登录 - CSDN文库

30 浏览量更新于2023-03-03 评论收藏 35KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

uni-app微信小程序登录授权的实现微信小程序登录授权的实现

微信小程序授权是非常简单和常用的功能，但为了方便，还是在此记录一下要点：

首先是需要用到一个授权按钮来触发获取用户信息授权：关键在于 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?id=authorize

// #ifdef MP-WEIXIN

uni.getSetting({

success(res) {

console.log("授权：",res);

if (!res.authSetting['scope.userInfo']) {

//这里调用授权

console.log("当前未授权");

} else {

//用户已经授权过了

console.log("当前已授权");

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38614391

粉丝: 5
资源: 912

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈