uni-app小程序授权登录

我不是女神ヾ 2022-11-19 04:08 166阅读 0赞

在uni-app授权登录的时候我发现本地测试都没有在开发者工具里面弹窗授权。但是却授权成功，获取到了用户的一些基本信息。

发布到了体验版也没问题，因为能够使用体验版的都是小程序设置里面设置成为了体验者的。

我就以为没问题了结果上线发现授权失败。

真的是研究了好久（因为本地根本无法测试判断问题）。

最后终于发现了问题。

# 小程序的授权必须按钮触发，如果你想直接自己访问授权的函数根本是授权不成功的。 #

# 按钮上一定要加上类型：open-type="getUserInfo"   @getuserinfo="自定义的授权函数名"  #

下面介绍详细代码：

>     <button type="primary" open-type="getUserInfo" @getuserinfo="appLoginWx"  >开始测评</button>

在methods里面定义函数。

>     appLoginWx(){
>                     // #ifdef MP-WEIXIN
>                         uni.getProvider({
>                           service: 'oauth',
>                           success: function (res) {
>                             if (~res.provider.indexOf('weixin')) {
>                                 uni.login({
>                                     provider: 'weixin',
>                                     success: (res2) => {
>                                         
>                                         uni.getUserInfo({
>                                             provider: 'weixin',
>                                             success: (info) => {//这里请求接口
>                                                 console.log(res2);
>                                                 console.log(info);
>                                                 在这里访问接口把 res2.code和info.userInfo里面的基本信息
>                                                  以及info.iv,info.encryptedData传给后端。注意他们的位置。开始我就以为基本信息也是info外层的，结果最后发现他还有个userInfo
>                                                 
>                                             },
>                                             fail: () => {
>                                                 uni.showToast({title:"微信登录授权失败",icon:"none"});
>                                             }
>                                         })
>                                 
>                                     },
>                                     fail: () => {
>                                         uni.showToast({title:"微信登录授权失败",icon:"none"});
>                                     }
>                                 })
>                                 
>                             }else{
>                                 uni.showToast({
>                                     title: '请先安装微信或升级版本',
>                                     icon:"none"
>                                 });
>                             }
>                           }
>                         });