使用uniapp小程序获取用户手机号js
时间: 2023-11-01 17:07:13 浏览: 110
获取用户手机号需要用户授权,需要在小程序的后台配置开启“获取用户手机号”权限,然后再通过 `uni.login()` 方法获取到 `code` 后,调用 `uni.request()` 方法发送请求到后端API,后端API需要使用该 `code` 去获取用户手机号,具体代码如下:
```js
// 在vue组件内调用
uni.login({
provider: 'weixin',
success: function (res) {
if (res.code) {
uni.request({
url: 'https://your-api-url',
method: 'POST',
data: {
code: res.code
},
success: function (response) {
console.log(response.data.phoneNumber);
}
});
} else {
console.log('登录失败!' + res.errMsg);
}
}
});
```
在后端API中需要使用 `code` 去获取用户 `session_key`,然后通过 `session_key` 解密用户的加密数据,获取用户的手机号。具体代码可以参考微信小程序官方文档:[获取用户手机号](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html)。
阅读全文