微信中html5获取手机号,微信小程序通过用户授权获取手机号

这篇文章主要介绍了微信小程序如何通过用户授权获取手机号(getPhoneNumber),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

小程序有一个获取用户很便捷的api，就是通过getPhoneNumber获取用户的已经绑定微信的手机号码。有一点要大家注意，现在微信和注重用户体验，有些方法都是需要用户主动去触发才能调用的，比如getPhoneNumber。

实现思路：

直接上干货：

1、

2、JS内getPhoneNumbe组件函数(该事件中最重要的就是在wx.login登录后发起接口请求)，这里需要配置参数来给接口：

这些是必不可少的参数，这些齐备才能算一个合法的请求。

appid: “你的小程序APPID”,

secret: “你的小程序appsecret”,

code: res.code,

encryptedData: telObj,

iv: ivObj

//通过绑定手机号登录

getPhoneNumber: function (e) {

var ivObj = e.detail.iv

var telObj = e.detail.encryptedData

var codeObj = "";

var that = this;

//------执行Login---------

wx.login({

success: res => {

console.log('code转换', res.code);

//用code传给服务器调换session_key

wx.request({

url: 'https://你的接口文件路径', //接口地址

data: {

appid: "你的小程序APPID",

secret: "你的小程序appsecret",

code: res.code,

encryptedData: telObj,

iv: ivObj

success: function (res) {

phoneObj = res.data.phoneNumber;

console.log("手机号=", phoneObj)

wx.setStorage({ //存储数据并准备发送给下一页使用

key: "phoneObj",

data: res.data.phoneNumber,

})

}

})

//-----------------是否授权，授权通过进入主页面，授权拒绝则停留在登陆界面

if (e.detail.errMsg == 'getPhoneNumber:user deny') { //用户点击拒绝

wx.navigateTo({

url: '../index/index',

})

} else { //允许授权执行跳转

wx.navigateTo({

url: '../test/test',

})

}

});

最终结果展示：

点击”拒绝”，开发者能捕捉到该事件，此时getPhoneNumber 函数返回 e.detail.errMsg 为 getPhoneNumber:user deny

以上就是本文的全部内容，希望对大家的学习有所帮助。

微信中html5获取手机号,微信小程序通过用户授权获取手机号相关推荐

微信小程序 error 用户绑定的手机号需要验证，请在客户端完成短信
微信小程序 error 用户绑定的手机号需要验证,请在客户端完成短信第一步在电脑上点编译第二步点击预览再点击自动预览第三步打开手机上的小程序确认授权输入短信验证码之后就可以运行了我点二维 ...
微信小程序之用户授权
用户授权今天我们来讲解微信小程序之用户授权,首先这个我们得分2种情况:1.弹出授权框用户点击允许 2.弹出授权框用户点击拒绝第一种情况: 很好处理,这里就不多做介绍,按正常的走就可以了第二种情况 ...
小程序授权信息是保存在微信服务器,微信小程序登陆，授权，手机号授权流程及滚动穿透，保存图片等问题...
提纲: 滚动穿透登陆,授权流程手机号授权流程保存图片 webview的使用问题一二针对于,弹窗内容嵌套在蒙层内. 1. 点击弹窗外关闭, 你已经购买过该课程您已经购买该课程了,请前往听课去 ...
微信小程序开发 - 用户授权登陆
本篇将帮助读者实现基于微信开发者工具 & C#环境下的用户在小程序上的授权登陆. 准备: 微信开发者工具下载地址:https://developers.weixin.qq.com/mini ...
微信小程序云开发用户身份登录_微信小程序开发用户授权登录(下)
如果开发者拥有多个移动应用.网站应用.和公众帐号(包括小程序),可通过 UnionID 来区分用户的唯一性,因为只要是同一个微信开放平台帐号下的移动应用.网站应用和公众帐号(包括小程序),用户的 Un ...
微信公众号文章/菜单添加小程序时路径如何获取？
公众号文章添加素材时或者在公众号菜单可以添加小程序了:添加后用户点击可以一键跳转小程序任何界面,小程序路径获取您可以前往天天外链把路径发送给天天外链即可快速获取小程序路径. 除了公众号文章以及公众号菜 ...
微信小程序弹出用户授权弹窗，微信小程序引导用户授权，获取位置经纬度
我们在开发小程序时,有些操作必须让用户授权.比如我们获取用户位置,需要用户授权位置信息.授权操作我们需要给用户弹窗提示,在用户禁用某些权限时,又要引导用户去设置页开启相应权限.我们这里就以获取经纬度为 ...
【微信小程序】用户授权及getUserProfile接口使用
小程序登录.用户信息相关接口调整说明为优化用户的使用体验,平台将进行以下调整: 1,2021年2月23日起,若小程序已在微信开放平台进行绑定,则通过wx.login接口获取的登录凭证可直接换取un ...
微信小程序：用户授权登录
点击"微信一键登录"按钮,触发login_weixi事件先查看是否勾选了底部按钮,勾选了就获取用户信息,每次请求成功都会弹出授权窗口,把用户信息缓存到storage里面,方便下次 ...

微信中html5获取手机号,微信小程序通过用户授权获取手机号

微信中html5获取手机号,微信小程序通过用户授权获取手机号相关推荐

最新文章

热门文章