微信小程序一键登录获取手机号

实现步骤：

1、登录小程序后台设置隐私权限：打开获取用户手机号权限

2、设置button 组件的 open-type 值为getPhoneNumber

3、将小程序获取到的 code 值传给后端 ，后端进行处理获取手机号 | 微信开放文档

一、登录微信小程序后台：

我的-设置-基本设置-服务内容声明-用户隐私保护指引更新=>选择手机号栏后填写完善信息，等待审核通过即可。具体操作步骤：微信公众平台

二、代码实现

代码示例：

• index.wxml

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">一键登录</button>

• index.js

getPhoneNumber(e) {
  console.log("登录e",e); //e的值如下图所示
  if (e && e.detail && e.detail.code) {
    Http.post({ //我的Http是经过封装处理的，这里按照自己的方式正常调接口就行
      url: `你的登录接口地址`, 
      data: {
        code: e.detail.code, //将code值传给后端
      },
    }).then((res) => {
      wx.showToast({
        title: '登录成功',
        icon: 'success'
      });
    });
  }
},

注意点：

• 小程序报错：stop:fail api scope is not declared in the privacy agreement
• 解决方案：需要去小程序后台添加隐私操作