微信小程序用户授权、位置授权及获取微信绑定手机号微信小程序用户授权、位置授权及获取微信绑定手机号
主要介绍了信小程序用户授权、位置授权及获取微信绑定手机号,文中通过示例代码介绍的非常详细,对大家的
学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
1.位置授权位置授权
位置授权相对简单,可以直接调用方法wx.getLocation()就可以弹出授权框,
在调用前需要在app.json中设置用途说明
Page({
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于xxx"
}
}
})
授权框
但是存在不少用户会拒绝授权,如果拒绝授权就不会再弹窗,而是直接进入接口 fail 回调,就要手动授权,我们可以通过自定
义弹窗来诱导用户授权。我这里用的是wx.showMoadl确认框。
确认框
如果确认就调用wx.opensetting调出授权设置页面
wx.showModal({
title: '提醒',
content: '您拒绝了位置授权,将无法使用大部分功能,点击确定重新获取授权',
success(res) {
//如果点击确定
if (res.confirm) {
wx.openSetting({ //打开设置页
success(res) { //成功,返回页面回调
//如果同意了位置授权则userLocation=true
if (res.authSetting["scope.userLocation"]) { //授权中如果有位置授权则执行逻辑
/*你的代码*/
}
}
})
}
}
})
授权设置页
完整代码完整代码
wx.getLocation({
success: function(res) {
app.globalData.lat = res.latitude;
app.globalData.lon = res.longitude;
},
fail() {
wx.showModal({
title: '提醒',
content: '您拒绝了位置授权,将无法使用大部分功能,点击确定重新获取授权',
success(res) {
//如果点击确定
if (res.confirm) {
wx.openSetting({
success(res) {
//如果同意了位置授权则userLocation=true
if (res.authSetting["scope.userLocation"]) {
that.onLoad()
}
}
})
}
}
})