uni-app开发微信小程序如何获取用户手机号
时间: 2024-06-20 20:04:16 浏览: 176
在uni-app开发微信小程序中,获取用户手机号需要用户授权,具体步骤如下:
1. 在小程序的app.vue中注册小程序,并在其中添加一个获取手机号的方法,示例代码如下:
```
onLaunch: function () {
uni.login({
success: function (res) {
if (res.code) {
uni.getUserInfo({
success: function (res2) {
uni.setStorageSync('userInfo', res2.userInfo);
}
});
uni.request({
url: 'https://yourdomain.com/wxauth/login',
data: {
code: res.code
},
success: function (res3) {
uni.setStorageSync('token', res3.data.token);
}
});
} else {
console.log('登录失败!' + res.errMsg);
}
}
});
},
getPhoneNumber (e) {
let that = this;
uni.request({
url: 'https://yourdomain.com/wxauth/phone',
data: {
encryptedData: e.detail.encryptedData,
iv: e.detail.iv,
token: uni.getStorageSync('token')
},
success (res) {
console.log(res);
}
})
},
```
2. 在小程序的页面中添加一个获取手机号的按钮,并在按钮的点击事件中调用步骤1中定义的获取手机号的方法,示例代码如下:
```
<button type="primary" @click="getPhoneNumber">获取手机号</button>
```
3. 在小程序的开发者工具中勾选“获取用户手机号”选项,并在微信公众平台中添加相应的授权域名。
阅读全文