uni-app 抖音小程序中使用获取抖音绑定手机号登录无法弹出授权框

uni-app 抖音小程序中使用获取抖音绑定手机号登录无法弹出授权框

示例代码：

<button open-type="getPhoneNumber" @getphonenumber="ondyPhoneNumber">获取手机号码</button>

操作步骤：

  • 点击获取手机号码按钮

预期结果：

  • 弹出抖音小程序授权框

实际结果：

  • 没有反应

bug描述：

使用 <button open-type="getPhoneNumber" @getphonenumber="ondyPhoneNumber"> 获取手机号码时，在开发工具中可以弹出授权框，但是在手机阅览时点击按钮没有反应。

信息类别 详细信息
产品分类 uniapp/小程序/字节跳动
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 3.6.18
第三方开发者工具版本号 抖音开发工具V4.1.5
基础库版本号 2.98.0.6
项目创建方式 HBuilderX

更多关于uni-app 抖音小程序中使用获取抖音绑定手机号登录无法弹出授权框的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

给button添加 @error事件 查看错误信息

更多关于uni-app 抖音小程序中使用获取抖音绑定手机号登录无法弹出授权框的实战教程也可以访问 https://www.itying.com/category-93-b0.html


需要先uni.login下

在 uni-app 中开发抖音小程序时，如果你无法弹出获取抖音绑定手机号的授权框，可能是以下几个原因导致的。以下是一些常见的排查和解决方法：

1. 检查权限配置

确保在小程序的 manifest.json 文件中正确配置了手机号获取权限。
示例配置：

{
  "mp-toutiao": {
    "appid": "your-app-id",
    "permission": {
      "scope.userPhoneNumber": {
        "desc": "获取用户手机号"
      }
    }
  }
}

2. 确保使用正确的 API

抖音小程序中获取用户手机号需要使用 my.getPhoneNumber 或 tt.getPhoneNumber，而不是微信小程序的 wx.getPhoneNumber。
示例代码：

tt.getPhoneNumber({
  success(res) {
    console.log('获取手机号成功:', res);
    // 处理手机号数据
  },
  fail(err) {
    console.log('获取手机号失败:', err);
  }
});

3. 检查用户是否已授权

在调用 tt.getPhoneNumber 之前，确保用户已经授权了手机号权限。可以通过 tt.getSetting 检查用户的授权状态。
示例代码：

tt.getSetting({
  success(res) {
    if (res.authSetting['scope.userPhoneNumber']) {
      // 用户已授权，可以调用获取手机号
      tt.getPhoneNumber({
        success(res) {
          console.log('获取手机号成功:', res);
        },
        fail(err) {
          console.log('获取手机号失败:', err);
        }
      });
    } else {
      // 用户未授权，需要引导用户授权
      tt.authorize({
        scope: 'scope.userPhoneNumber',
        success() {
          console.log('授权成功');
        },
        fail() {
          console.log('授权失败');
        }
      });
    }
  }
});
回到顶部