一:问题总结《个人微信开发账号无法,授权访问getPhoneNumber()
<button class="button phone" open-type="getPhoneNumber"
@getphonenumber="onGetphonenumber">
<text class="icon icon-phone"></text>
手机号快捷登录
</button>
二:报错提示
接口报错400
错误提示参数报错
三:原接口文件展示:login.ts
import { http } from "@/utils/http";
type LoginParam = {
code: string
encryptedData: string
iv: string
}
//小程序登录
export const postLoginWxMinAPI= (data:LoginParam)=>{
return http({
method: 'POST',
url: '/login/wxMin',
data,
})
}
四:原因总结
手机号授权会出现调用不起来的情况,这是因为小程序后台没有进行微信认证导致的
1. 微信小程序 (微信小程序官网)
2. 点击功能模块下的微信认证进行查看
3. 点击设置-基本设置-下拉找到微信认证-查看是否认证
![](https://i-blog.csdnimg.cn/direct/aad616256d2f4106801af3de3a83a2e5.png)
五:解决问题,个人认证账户(微信小程序)申请测试账号流程
1. 测试号管理 | 微信公众平台 《-------点击跳转(扫码登录即可)
2. 测试账号说明:申请测试号 | 微信开放文档
2. 更换测试账号的小程序APPID
在uni-app 中manifest.json中重新配置
"appid":XXXXXXX,
3. 测试运行小程序getphonenumber()
经过测试点击快捷登录后,会正常弹出获取数据,但是又由于测试账号未完成认证,继续报错,但是此时弹出问题已经解决,报错原因是因为测试账号的原因,代码应该没有问题,进一步解决个人账户认证后是否可以使用该API
六:个人账户认证(完成上述操作后,问题已经解决)
1. 于是在微信小程序账号,完成了微信个人账户的认证(个人账户认证需要付费30)
在阅读了微信小程序官方API文档后,发现这东西好像不支持个人开发者
官方文档:手机号快速验证组件 | 微信开放文档
七:个人认证没有用的,学习阶段不用认证没有用!!!!
》 在个人认证后进行代码测试依然报错,如果非要看效果可以申请测试账号,目前该功能只有企业认证才可以用,综上所述:学习阶段1. 申请测试账号进行测试即可。2. 模拟手机登录即可,不用纠结。
本人也是非常想看一下功能的具体效果才写了这篇文章!!!给自己留下记录