小程序原生授权手机号

前端注意,这里一定是直接获取的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]);
    }
相关推荐
玛雅牛牛8 小时前
多款物流信息哪款更适合
小程序
说私域1 天前
技术赋能直播运营:开源AI智能名片商城小程序助力个人IP构建与高效运营
人工智能·tcp/ip·小程序·流量运营·私域运营
说私域1 天前
流量思维向长效思维转型:开源链动2+1模式AI智能名片小程序赋能私域电商品牌建设
人工智能·小程序·开源·产品运营·私域运营
vortex51 天前
在 Apache 中完整开启 .shtml (SSI) 解析
apache
鸽芷咕2 天前
时序数据库选型解析及Apache IoTDB技术实践
apache·时序数据库·iotdb
说私域2 天前
链动2+1模式AI智能名片S2B2C商城小程序在微商信任重建中的创新应用与价值实现
大数据·人工智能·小程序·私域运营
qq_24218863322 天前
微信小程序AI象棋游戏开发指南
人工智能·微信小程序·小程序
Pocker_Spades_A2 天前
从数据生命周期出发的时序数据库选型指南:用 Apache IoTDB 把“存储成本”和“查询体验”一起算清楚
apache·时序数据库·iotdb
Web打印2 天前
Phpask(php集成环境)之01安装Apache
开发语言·php·apache
byte轻骑兵2 天前
大数据场景时序数据库选型指南——Apache IoTDB实践与解析
大数据·数据库·apache·时序数据库·iotdb