小程序获取用户信息的api改了，所以总结一下新的小程序获取用户信息的实现方式。
官方建议
最近更新于2018-10-25
step 1 只能使用button实现 弹框
<button open-type="getUserInfo" bindgetuserinfo='getU'>123</button>
点击这个button才会跳出那个授权的框 :
如果用户点了拒绝，那么下一次点击还会跳出授权的弹窗。如果用户已经同意，那么再次点击不会跳出弹框。但是依然会返回e.detail
step 2 handler
getU:function(e){
console.log(e,'eee')
console.log(e.detail.errMsg)
var status=e.detail.errMsg;//判断拒绝还是同意的一个状态
if(status=='getUserInfo:fail auth deny'){//此时用户点击了拒绝
}
if(status=='getUserInfo:ok'){//此时用户点击了同意授权
}
},
用户点击拒绝的处理方式可以有三种：
- 方式1:just 弹框提醒
if (status == 'getUserInfo:fail auth deny') {//此时用户点击了拒绝
wx.showToast({
title: '登陆失败,请重新登陆',
icon:"none"
})
}
方式2：再跳出一个弹窗，并且上边增加一个getuserInfo的button然后来再次让用户点击。
优点是：用户可以一气呵成的操作，不至于走回头路。
缺点：写代码会更多一些。方式3：通过
getSetting与openSetting让用户手动去开。
step 3 用户信息展示
- 方式一
<open-data type='userNickName'></open-data>
<open-data type='userAvatarUrl'></open-data>
以这样的方式进行信息的展示，只要已经授权了,任意位置都可以展示。写样式的时候只需要在外边套一个view就可以来控制open-data的样式了。
- 方式二
bindgetuserinfo='getU'在这个事件处理函数里边会返回用户的信息。
用户点击拒绝时：
用户点击同意时：
getU:function(e){
console.log(e,'eee')
console.log(e.detail.errMsg)
var status=e.detail.errMsg;//判断拒绝还是同意的一个状态
if(status=='getUserInfo:fail auth deny'){//此时用户点击了拒绝
}
if(status=='getUserInfo:ok'){//此时用户点击了同意授权
}
},
此时e.detail.rawData内含有我们需要展示的数据。现在已经不需要了，open-data能直接展示。
此时e.detail里的数据是需要传给后台去解密的数据，注册用户不需要用户的那些信息吗？不需要，后台可以自己去微信服务器拿。需要给后台的数据只有e.detail.encryptedData, e.detail.iv，code等。
登陆态维护
判断用户的登陆是否过期，过期后重新登陆，没有过期那么就不需要再登陆。
//检查登陆态
wx.checkSession({
success() {
console.log("此时登陆态有效，可以解析encryptedData")
},
fail() {
console.log("此时登陆态失效，需要重新登陆")
login.login(0)
}
})
用户在使用的过程中会更换用户头像和用户昵称
为了在数据库实时保存最新的昵称和头像，所以需要经常性的登陆。
每次都显示最新的头像现在已经可以通过open-data标签实现了。
所以，设定每隔一段时间去重新登陆。
登陆的时候：wx.setStorageSync('timeStamp', new Date().getTime())
写一个公共的方法来计算每隔3天：(想隔几天就隔几天
)
/**
* fun:计算时间差=当前时间距离过去储存的某个时间戳的天数
* param: timestamp 过去某个时间的时间戳
*/
function GetDayNum(timestamp) {
let time = new Date().getTime();
let timeDiff = time - timestamp;
let dayNum = timeDiff / (1000 * 60 * 60 * 24)
return dayNum;
}
module.exports = {
GetDayNum: GetDayNum,
}
然后在页面的onload中就可以写上：
//用户已经登陆并且三天之内登陆的，会主动跳转，否则就得重新登陆了
if (wx.getStorageSync("userId") && time.GetDayNum(wx.getStorageSync("timeStamp")) < 3){
wx.switchTab({
url: '/pages/weekCourse/weekCourse'
})
}
userId这个缓存是用来确定用户是否登陆过的， 其实想叫什么名字都可以，只要能让后台确定是唯一的这个用户就好。
至此，获取用户信息升级完成。
本文遵守知识共享协议：署名-非商业性使用-相同方式共享 (BY-NC-SA)及简书协议
