uniapp 微信小程序获取手机号码兼容高低版本

sunyin.liu

已于 2023-01-04 16:55:40 修改

阅读量907

点赞数

分类专栏： uniapp iview 文章标签： uni-app

于 2022-12-28 10:41:30 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42066070/article/details/128465125

版权

iview 同时被 2 个专栏收录

26 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

uniapp

23 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何在uni-app中实现微信小程序获取手机号的功能，并确保兼容高、低版本。用户点击获取手机号时，将从小程序获取的手机号填充到输入框。实现过程包括前端界面的wxml和JS逻辑，以及后端提供的接口，如高版本通过code获取手机号，低版本则需先获取sessionKey，再获取encryptedData和iv。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求

1.用户点获取手机号，调取小程序里面的获取用户的手机号，回填到输入框，

2.兼容高低版本的小程序。

实现方式

1.前后端配合，先实现高版本的方式，再实现低版本的方式。

展示界面实现：wxml

          <input
            disabled
            v-model="formData.phone"
            type="text"
            placeholder="请手动获取"
            placeholder-style="color: #c0c4cc;"
          />
         
          <u-button
            slot="right"
            customStyle="background: #21C9A0;borde