获取用户手机号

前提条件

已完成认证的企业账号。

申请流程

登录开发者平台,通过“小程序后台 -> 开发管理 -> 功能管理 -> 获取手机号申请”,申请获取用户手机号权限。需要填写字段内容为:申请原因、使用场景、使用场景详细描述、使用场景 demo 。

获取用户手机号 - 图1

  • 申请原因:可选择用于登录、收货联系方式、其他。

  • 使用场景:可选择 网络购物、账号下信息内容同步、票务预订、业务办理、信息查询(如:社保、公积金)、预约等。

  • 使用场景详细描述:需要提供手机号详细的使用场景;

以购物小程序为例,该小程序主要用于网络购物(请描述业务场景,而不是登录注册),需要手机号填写联系方式。

具体步骤如下:

  1. 打开小程序,选择要购买的商品,进入商品详情页;
  2. 点击购买,提示用户授权获取手机号;
  3. 用户点击同意后,授权并进入下一步;如果用户点击不同意,则返回;
  4. 点击下一步,进入正常的服务流程。
  • 使用场景 demo:上传使用手机号业务整体流程的示例 demo 。
    以购物小程序为例:
    获取用户手机号 - 图2

开发流程

Web 态说明:受浏览器限制,Web 态小程序暂不支持获取用户手机号功能。

  • button 组件中,将 open-type 设置为 getPhoneNumber ,并使用 bindgetphonenumber 作为获取用户手机号的回调。
  • 返回值中的 encryptedData 和 iv 需要发送到服务端解密,详细可参考用户数据的签名验证和加解密

代码示例

  • SWAN
  • JS
  1. <view class="wrap">
  2. <view class="card-area" s-if="{{!isWeb}}">
  3. <button type="primary" class="middle-btn" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取用户手机号</button>
  4. </view>
  5. </view>
  1. Page({
  2. getPhoneNumber(e) {
  3. console.log('用户手机号:', e);
  4. }
  5. });