小程序原生授权手机号

前端注意,这里一定是直接获取的code。这里的code很容易混淆哦。

一定是getPhoneNumber的

复制代码
 getPhoneNumber(e) {
    // 1. 防止重复点击
    if (this.data.isGettingPhone) return;

    // 2. 检查用户是否授权
    if (e.detail.errMsg !== 'getPhoneNumber:ok') {
      wx.showToast({ title: '授权失败', icon: 'none' });
      return;
    }

    // 3. 设置加载状态
    this.setData({ isGettingPhone: true });

    const encryptedData = e.detail.encryptedData;
    const iv = e.detail.iv;
    const user_id = this.data.userInfo.user_id;

    const phoneCode = e.detail.code;

    // 5. 立即发送请求(不要延迟)
    App._post_form('user/getphone', {
      encryptedData: encryptedData,
      iv: iv,
      code: phoneCode,     // ← 全新 code
      user_id: user_id
    }, (result) => {
      this.setData({ isGettingPhone: false });
      if (result.code === 1) {
        wx.showToast({ title: '绑定成功', icon: 'success' });
        this.setData({
          hasPhone: true,
          PhoneNumber: result.data.phoneNumber
        });
      } else {
        wx.showToast({ title: result.msg || '操作失败', icon: 'none' });
      }
    }, () => {
      // 请求失败回调
      this.setData({ isGettingPhone: false });
      wx.showToast({ title: '网络错误', icon: 'none' });
    });
  },

data里加:isGettingPhone: false,

前端:

复制代码
<button
      class="phone-btn {{hasPhone ? 'btn-success' : ''}}"
      open-type="getPhoneNumber"
      bindgetphonenumber="getPhoneNumber"
      loading="{{isGettingPhone}}"
    >
      {{ hasPhone ? '已授权' : '点击授权手机号' }}
    </button>

public function getphone()
    {
        $data = $this->request->param();

        $code = $data['code'] ?? null;
        $user_id = $data['user_id'] ?? null;

        if (!$code || !$user_id) {
            return $this->renderError('参数缺失');
        }

        // 1. 获取小程序配置
        $wxapp_id = (string) input('wxapp_id', '');
        $wxConfig = Db::name('wxapp')->where('wxapp_id', $wxapp_id)->find();
        if (!$wxConfig) {
            return $this->renderError('小程序配置不存在');
        }
        $params = [
            'appid' => $wxConfig['app_id'],
            'secret' => $wxConfig['app_secret'],
            'grant_type' => 'client_credential'
        ];
        $tokenUrl = 'https://api.weixin.qq.com/cgi-bin/token?' . http_build_query($params);

        // 3. 发送 GET 请求
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $tokenUrl);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_TIMEOUT, 10);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        $response = curl_exec($ch);
        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
        curl_close($ch);

        $tokenRes = json_decode($response, true);

        // 4. 严格校验响应
        if ($httpCode !== 200 || !isset($tokenRes['access_token']) || !is_string($tokenRes['access_token'])) {
            return $this->renderError('服务初始化失败');
        }

        $accessToken = $tokenRes['access_token'];
        $headers = [
            'Content-Type: application/json; charset=utf-8',
            'Accept: application/json'
        ];

        $url = 'https://api.weixin.qq.com/wxa/business/getuserphonenumber?access_token=' . $accessToken;

        $requestBody = json_encode(['code' => $code], JSON_UNESCAPED_UNICODE);

        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $url);
        curl_setopt($ch, CURLOPT_POST, true);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $requestBody);
        curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_TIMEOUT, 10);
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        $response = curl_exec($ch);
        curl_close($ch);
        $phoneRes = json_decode($response, true);
        // 4. 处理结果
        if (!is_array($phoneRes)) {
            return $this->renderError('接口返回格式错误');
        }

        // 5. 成功拿到手机号
        $phoneNumber = $phoneRes['phone_info']['phoneNumber'] ?? '';

        if (!$phoneNumber) {
            return $this->renderError('未返回手机号');
        }

        // 6. 保存到数据库
        $model = new UserModel;
        if (!$model->editPhone($user_id, $phoneNumber)) {
            return $this->renderError($model->getError() ?: '保存失败');
        }

        return $this->renderSuccess('操作成功', ['phoneNumber' => $phoneNumber]);
    }
相关推荐
黄华SJ520it19 小时前
顶俏洗衣液模式制度开发介绍:S2B2C社交分销+多门店核销系统全解析
前端·数据库·小程序·零售·系统开发
北极糊的狐1 天前
钉钉小程序报错data.formatTime is not a function是因为 axml 模板中不能直接调用 Page 内自定义方法!
java·小程序·钉钉
show4332 天前
多格式导出怎么做?2026免费小程序TXT/SRT实践
开发语言·小程序·c#
AI砖家2 天前
AI编程—微信小程序开发规范
微信小程序·小程序·notepad++·ai编程
show4332 天前
2026小程序端视频转文字技术对比:识别引擎精度实测
小程序·音视频
sam-zy3 天前
微信小程序+ESP8266+Arduino 开发智能插座,有本地OTA功能
微信小程序·小程序
A24207349303 天前
微信小程序开发:常用基础语法与指令详解
微信小程序·小程序·notepad++
黄华SJ520it3 天前
青蓝送水类型社交裂变小程序系统技术拆解
小程序·系统开发
weikecms3 天前
星巴克API接口,星巴克点餐接口开发
大数据·小程序
游戏开发爱好者83 天前
系统状态:专为iPhone和iPad设计的实时系统性能监控工具全面介绍
android·ios·小程序·uni-app·iphone·webview·ipad