微信小程序中针对微信基础库新旧不同版本获取用户手机号的方法
【摘要】 1.下面是微信官方关于获取手机号的文档链接获取手机号 | 微信开放文档微信开发者平台文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html2.微信基础库版本2.21.2以上时,即新版本库无需提前调用wx.login();旧版本必须先调用wx.login();我...
1.下面是微信官方关于获取手机号的文档链接
2.微信基础库版本2.21.2以上时,即新版本库无需提前调用wx.login();旧版本必须先调用wx.login();
我的业务场景是为了微信授权一键登录,我这里做个新旧版本的兼容处理。
3.官方的代码示例,不能直接 CV 使用,下面粘上我个人亲测可用的示例代码
3.1先来一个触发按钮
3.2如果微信基础库版本是旧版本( 2.21.2 以下)时,需要先调用wx.login()获取session_key 参数,之后调用getPhoneNumber 函数,此函数直接返回加密字符串,需要页面解密即可得到用户手机号。
此处附上解密工具js文件
WXBizDataCrypt.js文件内容如下:
使用页面需要引入一下,路劲写成自己的,我的是放到根目录下的common文件夹下:
3.3按钮绑定的函数 getPhoneNumber
4.平台差异说明,真机预览如下,会提示你的小程序名称申请,微信开发者工具中预览效果有所不一样,只要能调用成功即可。
5.后台服务接口
5.1 wx.login()请求的后台接口,代码示例如下,此处传入前端wx.login()获取到的code
5.2新版本获取手机号的后台接口代码示例:
上面获取手机号的方法内用到一个HttpClientUtil.sendHttpPost2 方法的代码如下:
6.到此一个完整的微信小程序获取用户手机号的完整实战案例就结束了,如有错误还请各位大佬能指正。欢迎评论区留言咨询或者讨论。
题外话:欢迎大家微信搜索#民谣嗑学家 ,关注我的个人公众号,我是一名爱代码,爱民谣,爱生活的业余吉他爱好者的Java 程序员,致力于向全栈发展的全能程序员。有想跟作者交朋友的可以关注我公众号,获取我的联系方式,我们可以一起学习,一起进步,业余时间可以一起娱乐娱乐,哈哈^_^。
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)