1,微信小程序开发中,首先会进行授权以及登陆,由于小程序的调整,现在在小程序里调用scope 为 "scope.userInfo" 时,无法弹出授权窗口,所以需要自己写授权。
2,授权,小程序授权方式改变后可以通过button按钮来进行点击授权,类型为getUserInfo,下面是授权页面代码。
<button class="but" open-type="getUserInfo" hidden="{{flag}}" bindgetuserinfo="bindGetUserInfo" hover-class=''>授权登录</button>
样式可以自己定义,页面也可以做个美化
下面为js代码
首先进入先判断是否授权过,如果授权过,那么进行获取用户信息操作,下面为代码
wx.getSetting({
success(res) {
that.login_at();
return;
}else{
console.log('未授权')
}
}
如果判断没有授权,则用户进行点击授权
bindGetUserInfo:function(e){
var that = this;
console.log('授权按钮',e)
// console.log(e.detail.errMsg)
if (e.detail.errMsg == 'getUserInfo:ok'){
console.log('点击了确定授权')
wx.reLaunch({
url: '../index/index'
})
}
},
接下来就可以获取用户的信息了,通过调用getUserInfo这个方法来进行获取。
wx.getUserInfo({
success: function(res) {
console.log('用户基本信息',res)
})
}
})
也可以进行静默获取,直接调用wx.login这个方法,获取code,把code传给后台,后台通过code和微信服务器来获取数据,然后把获取到的信息传给前台,或者保存到数据库。
接口地址为:
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code