微信小程序：获取用户手机号(前端)

**微信小程序：获取用户手机号**

在微信小程序中，获取用户手机号是开发者的一个重要需求。然而，由于微信的隐私政策限制，我们不能直接从小程序中获取用户的手机号码。因此，我们需要使用微信提供的API来实现这一功能。

### 一、前提条件* 微信小程序版本：2.9.0或以上* 小程序类型：服务号（含订阅号和服务号）

### 二、获取用户手机号的步骤1. **在微信开放平台注册并创建服务号**：首先，我们需要在微信开放平台注册并创建一个服务号。这样我们才能获得所需的API密钥。
2. **配置小程序的API密钥**：然后，我们需要在小程序后台中配置API密钥。这样我们才能使用这些API来获取用户手机号。
3. **在小程序中使用wx.getSetting()方法**：接下来，我们需要在小program中使用wx.getSetting()方法来判断用户是否授权了获取手机号的权限。如果用户没有授权，我们需要提示用户去授权。
4. **在小程序中使用wx.authorize()方法**：如果用户已经授权，我们可以直接使用wx.authorize()方法来获取用户手机号。

### 三、示例代码#### Step1：配置API密钥

javascript// app.json文件中添加以下配置{
 "pages": [
 "index",
 ...
 ],
 "permission": {
 "scope.userPhone": true // 必须开启 scope.userPhone 才能获取用户手机号 }
}

javascript// index.js文件中添加以下代码Page({
 data: {},
 onLoad: function(options) {
 wx.getSetting({
 success: res => {
 if (res.authSetting['scope.userPhone'] === true) {
 this.getUserPhoneNumber();
 } else {
 wx.showModal({
 title: '提示',
 content: '请授权获取手机号',
 showCancel: false,
 confirmText: '去授权',
 success: res => {
 if (res.confirm) {
 wx.openSetting({
 success: res => {
 this.getUserPhoneNumber();
 }
 });
 } else {
 console.log('用户点击了取消');
 }
 }
 });
 }
 },
 fail: err => {
 console.error(err);
 }
 });
 },
 getUserPhoneNumber() {
 wx.authorize({
 scope: 'scope.userPhone',
 success: res => {
 console.log(res);
 // 获取成功后可以使用wx.getUserProfile()方法获取用户手机号 this.getUserProfile();
 },
 fail: err => {
 console.error(err);
 }
 });
 },
 getUserProfile() {
 wx.getUserProfile({
 desc: '获取手机号', // 提示用户授权的描述信息 success: res => {
 console.log(res);
 // 获取成功后可以使用res.userInfo.phone来获取用户手机号 const phoneNumber = res.userInfo.phone;
 console.log(phoneNumber);
 },
 fail: err => {
 console.error(err);
 }
 });
 }
});