首页 > 其他分享 >uniapp does not have a method “getPhoneNumber“ to handle event “getphonenumber“.

uniapp does not have a method “getPhoneNumber“ to handle event “getphonenumber“.

时间:2022-10-31 08:55:30浏览次数:50  
标签:uniapp code handle 手机号 微信 getPhoneNumber 接口 开发者

## 获取手机号

从基础库 2.21.2 开始,对获取手机号的接口进行了安全升级,以下是新版本接口使用指南。(旧版本接口目前可以继续使用,但建议开发者使用新版本接口,以增强小程序安全性)

因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 button 组件的点击来触发。另外,新版本接口不再需要提前调用wx.login进行登录。

注意:

目前该接口针对非个人开发者,且完成了认证的小程序开放(不包含海外主体)。需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口权限;
在使用该接口时,用户可使用微信绑定手机号进行授权,也添加非微信绑定手机号进行授权。若开发者仅通过手机号作为业务关联凭证,在重点场景可适当增加短信验证逻辑。
## 使用方法

需要将 button 组件 open-type 的值设置为 getPhoneNumber,当用户点击并同意之后,可以通过 bindgetphonenumber 事件回调获取到动态令牌code,然后把code传到开发者后台,并在开发者后台调用微信后台提供的 phonenumber.getPhoneNumber 接口,消费code来换取用户手机号。每个code有效期为5分钟,且只能消费一次。

注:getPhoneNumber 返回的 code 与 wx.login 返回的 code 作用是不一样的,不能混用。
## 代码示例

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>


Page({
  getPhoneNumber (e) {
    console.log(e.detail.code)
  }
})
返回参数说明

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

 bindgetphonenumber="getPhoneNumber"  改成    @getphonenumber="getPhoneNumber"

 

标签:uniapp,code,handle,手机号,微信,getPhoneNumber,接口,开发者
From: https://www.cnblogs.com/Fooo/p/16843084.html

相关文章

  • uniapp 打电话功能的几种方式
       手机端运行会直接调起电话按钮,代码如下:https://blog.csdn.net/ONLYSRY/article/details/127221380<viewclass="text2_button"@click="freeTell">     ......
  • uniapp支付返回form
    在项目中,支付功能是一个常见的功能,调用支付宝时,后段给我们的是一个form的富文本内容 这时需要把form到页面渲染,方法如下:uni.request({//仅为示例,并非......
  • uniapp 计算当前xxx组件高度
    /*计算当前Swiper的高度*/getCurrentSwiperHeight(){//获取Dom是异步操作所以封装PromisereturnnewPromise((resol......
  • uniapp进行交互反馈
    前言:在进行开发中,难免会遇到与客户进行交互的问题,好的交互不仅可以增加用户体验也可以让程序更加完美。比如PC端常用的ElementUI中的Message,今天我们来看一看uniapp原生......
  • An unhandled exception occurred while processing the request 解决办法
    webapi报错:Anunhandledexceptionoccurredwhileprocessingtherequest.AmbiguousActionException:Multipleactionsmatched.Thefollowingactionsmatchedrouted......
  • ShiPinThreadHandleRequest
    importcom.alibaba.fastjson.JSONException;importcom.alibaba.fastjson.JSONObject;importjavax.ws.rs.core.HttpHeaders;importjavax.ws.rs.core.MediaType;imp......
  • 如何在uniapp中优雅地使用WebView
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助从webview页面传值到uniapp中官方文档已经很详细了,这里给大家上我的实战代码,首先在webview页面中引入相......
  • uniapp开发使用 web-view APP 与 H5 (vue)通信
    需求:这边是uniapp开发的APP 需要内嵌H5(vue),就得使用web-view跳转网页H5端在vue的index,html文件引入web-view的插件<scripttype="text/javascript"src="https://js......
  • uniapp打包h5
    1.找到项目中 manifest.json---H5 配置---运行时的基础路径, 将路径修改为相对路径(./) 注意:1.运行的基础路径系统默认打包路径为绝对路径,如不改,打包时找不到......
  • uniapp 小程序自定义组件样式穿透问题
    1.正在开发时发现自定义组件间样式发生穿透问题  2.主需要引入下面代码可解决exportdefault{options:{//默认值isolated(启动隔离)//ap......