***小程序wx.getUserInfo不能弹出授权窗口后的解决方案

微信更新api后，wx.getUserInfo在开发和体验版本都不能弹出授权窗口。微信文档说明：

注意：此接口有调整，使用该接口将不再出现授权弹窗，请使用 <button open-type="getUserInfo"></button> 引导用户主动进行授权操作

1. 当用户未授权过，调用该接口将直接报错
2. 当用户授权过，可以使用该接口获取用户信息

对此，给出以下解决方案。

wx.getUserInfo({

withCredentials: true,

success: function (res) {

//此处为获取微信信息后的业务方法

 

},

fail: function () {

//获取用户信息失败后。请跳转授权页面

wx.showModal({

title: '警告',

content: '尚未进行授权，请点击确定跳转到授权页面进行授权。',

success: function (res) {

if (res.confirm) {

console.log('用户点击确定')

wx.navigateTo({

url: '../tologin/tologin',

})

}

}

})

}

})

调取该方法失败后跳转到授权页面。

授权页面加入

<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>

并在js中，加入这个方法

bindGetUserInfo: function(e){

var that = this;

//此处授权得到userInfo

console.log(e.detail.userInfo);

//接下来写业务代码

//最后，记得返回刚才的页面

wx.navigateBack({

delta: 1

})

}

至此，即可完成引导用户手动授权的过程。解决此次更新api所带来的问题。

转自：https://blog.csdn.net/xishuchen0520/article/details/80410861

---

【关于微信小程序登录信息】 微信即将不再支持wx.getUserInfo() 授权弹出框 2018年5月12日

转自：https://blog.csdn.net/u013408059/article/details/80291239

先看一张图： 这是地址：点击打开链接

显示微信可能处于安全考虑，这个方法已经不能用于自动获取用户信息了，

大致意思就是：

以前这个方法 如果用户未授权获取用户信息， 你调用这个wx.getUserInfo() , 小程序会弹出一个授权的弹出框。类似：

然后你再去

this.globalData.userInfo = res.userInfo，去获取用户信息

但是！！！

现在的意思是： 你直接调用这个方法依旧可以获取用户信息， 但是如果你之前没有点击过那个授权的小弹出框，这个方法就直接报错了，需要你直接去引导用户去授权。

那么怎么授权呢，

说的很明显，你需要一个button去弹出这个授权框框，引导用户去授权。

这个button怎么看呢，无非就是写一个点击事件，button必须设置一个属性：open-type='getUserInfo' ，设置好了之后，你点击这个button就会弹出这个授权框，然后你在调用wx.getUserInfo() 就会获取信息啦，方法吧。

记录一下。

wx.getUserInfo({

success: res => {

console.log(123);

// 可以将 res 发送给后台解码出 unionId

this.globalData.userInfo = res.userInfo

// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回

// 所以此处加入 callback 以防止这种情况

if (this.userInfoReadyCallback) {

this.userInfoReadyCallback(res)

}

} ，

            fail:res=>{

// 获取失败的去引导用户授权

 

})

怎么查询授权信息呢：微信同样给了答案，
https://developers.weixin.qq.com/miniprogram/dev/api/setting.html#wxgetsettingobject

判断这个玩意下面的userInfo ;

你以为这样就完了？我查阅了这个玩意儿的属性表：

whf??!!!

===============2018年5月16日20:28:11============

下面这个就不要看了,微信社区中回复或这是他们失误没去掉, 大家以后继续用就行.

显示废弃了！：

我是不知道怎么弄了。大不了就不去查询授权信息了，直接查询userinfo是不是非空不就得了。。。。

===============2018年5月16日20:28:14===========

以上。

===========================================================================

拒绝授权返回信息：

{
"type": "getuserinfo",
"timeStamp": 6012,
"target": {
"id": "",
"offsetLeft": 0,
"offsetTop": 380,
"dataset": {}
},
"currentTarget": {
"id": "",
"offsetLeft": 0,
"offsetTop": 380,
"dataset": {}
},
"detail": {
"errMsg": "getUserInfo:fail auth deny"
}

}

授权之后的返回信息格式：

{
"type":"getuserinfo",
"timeStamp":123686,
"target":{
"id":"",
"offsetLeft":0,
"offsetTop":380,
"dataset":{
}
},
"currentTarget":{
"id":"",
"offsetLeft":0,
"offsetTop":380,
"dataset":{
}
},
"detail":{
"errMsg":"getUserInfo:ok",
"rawData":"{}",
"userInfo":{
"nickName":"王**",
"gender":1,
"language":"zh_CN",
"city":"Haidian",
"province":"Beijing",
"country":"China",
"avatarUrl":""
},
"signature":"",
"encryptedData":"",
"iv":""
}

}

总之还是去看文档吧，比较良心了。

微信公众平台userinfo信息格式

---

微信小程序~wx.getUserInfo逐渐废弃，小程序登录过程优化

很多的时候我们在做小程序应用的时候，希望用户在使用小程序前进行登录授权，之前登录后通过wx.getUserInfo直接弹出授权的登录方式官方的意思是将不再支持，而是让用户通过下面的方式授权用户信息

<button open-type="getUserInfo" bindgetuserinfo="getUserInfoAction">授权用户信息</button>

这样的话当小程序在使用前一定需要用户登录，或者已经进行到需要用户登录的操作时；这样的话就需要一个button授权页面。这种改变，感觉个人还是喜欢默认弹层的的授权方式，这个方式可能一时不适应吧，有种排斥。

下面是通过button授权的方式做的一个登录：这里我只是展示了login.js 与 index.js 过程，有不对或者不好的地方欢迎加群交流指正。

login.js

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87

const ajax = require("../../common/ajax.js") const tips = require("../../common/tips.js") Page({   /**    * 页面的初始数据    */   data: {     },     /**    * 生命周期函数--监听页面加载    */   onLoad: function (options) {     let that = this;         },   getUserInfoAction(res){     let that = this;     const encryptedData = res.detail.encryptedData;     const iv = res.detail.iv;       if (encryptedData && iv){       // console.log("允许")       that.login().then((login)=>{           const params = {           "code": login.code,           "encryptedData": encryptedData,           "iv": iv,           "type": "small_wechat"         }           ajax.posts(params, "api/passport/thirdSign").then((res) => {                      let userinfo = {             avatar: res.data.data.avatar,             nickname: res.data.data.nickname,             token: res.data.data.token,             user_id: res.data.data.user_id           }           wx.setStorageSync("userinfo", userinfo);             // console.log(wx.getStorageSync("userinfo"));           if (wx.getStorageSync("userinfo")){             wx.redirectTo({               url: '/page/index/index'             })           }                                   }).catch((errMsg) => {           tips.showToast("网络连接失败", "none")           console.log(errMsg)         })         }).catch((errMsg) => {         console.log("登录:" + errMsg)       })       }else{       // console.log("拒绝")       tips.showToast("请授权公开信息,登录小程序", "none")     }     },   login(){     // 登录     let promise = new Promise((resolve, reject) => {       wx.login({         success: function (res) {           if (res.code) {             resolve(res)           } else {             tips.showToast("登录失败", "none")           }         },         fail: function (err) {           reject(err)         }       })       })     return promise;   } })

index.js

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

const tips = require("../../common/tips.js") Page({     /**    * 页面的初始数据    */   data: {         },     /**    * 生命周期函数--监听页面加载    */   onLoad: function (options) {     let that = this;     if (!wx.getStorageSync("userinfo")) {       //是否登录       that.isloginindex()     }     },   isloginindex() {     //是否进入首页     if (wx.getStorageSync("userinfo")) {       console.log("登录")     } else {       //无信息       console.log("否登录")       wx.redirectTo({         url: '/page/login/login'       })     }   } })

 

 通过button open-type="getUserInfo"的方式授权登录小程序流程，还没有想到一个更好的办法，目前是这么干的；如果有不对或者更好方式的欢迎指正或者一起交流