2023年最新uniapp微信小程序授权登录并获取手机号
时间: 2023-08-07 15:02:37 浏览: 731
uniapp 微信小程序登录 源码版
您好,对于Uniapp微信小程序,您可以通过微信官方提供的API进行授权登录并获取用户手机号。具体步骤如下:
1. 在小程序的 app.json 文件中,添加 "permission" 配置,开启获取手机号权限:
```
"permission": {
"scope.userLocation": {
"desc": "你的位置信息将用于小程序定位"
},
"scope.userInfo": {
"desc": "你的基本信息将用于小程序登录"
},
"scope.phoneNumber": {
"desc": "你的手机号码将用于小程序登录"
}
}
```
2. 在需要获取用户手机号的页面中,调用 wx.login() 方法获取登录凭证 code,然后调用 wx.getUserInfo() 方法获取用户信息:
```
wx.login({
success: res => {
if (res.code) {
// 发起网络请求,获取用户手机号
wx.request({
url: 'https://api.weixin.qq.com/sns/jscode2session',
data: {
appid: '小程序的appid',
secret: '小程序的appsecret',
js_code: res.code,
grant_type: 'authorization_code'
},
success: res => {
// 获取用户手机号
wx.request({
url: 'https://api.weixin.qq.com/wxa/getphonenumber',
data: {
session_key: res.session_key,
encrypted_data: '用户信息的加密数据',
iv: '加密算法的初始向量'
},
success: res => {
console.log(res.data)
}
})
}
})
}
}
})
```
需要注意的是,获取用户手机号需要用户授权,用户首次登录时需要授权,之后再次登录时不需要再次授权。如果用户拒绝授权,您需要提示用户授权并引导用户进入小程序设置页面进行授权。
阅读全文