VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

手机号码获取方法分析(如何通过小程序获取用户的手机号码)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

小程序如何获取用户的手机号码?以下文章介绍了微信小程序开发中获取用户手机号的方法,希望对大家有所帮助!

手机号码获取方法分析(如何通过小程序获取用户的手机号码)

1.后台使用第三方微信小程序时,经常需要获取微信手机号,如下图所示:

1.png

【相关学习推荐:小程序开发教程】

那么这是如何实现的呢?我们来记录一下如何获取微信手机号。

* *注意:* *需要一个微信小程序号,这个号是企业认证的。(获取手机号功能对个人小程序号不生效)

然后让我们一起开始一段获取手机号码的编程之旅。

2、代码实现2.1新项目

在app.json文件中添加“pages/get phone number/get phone number”,如下图所示:

2.png

2.2准备密文解析工具类

手机号是通过微信小程序提供的接口获取的,返回的数据是加密的,所以需要对返回的加密数据进行解密。

1)

在微信开发者工具中,点击“终端”-和“新建终端”如下图所示:

3.png

2)执行npm初始化指令。

//执行npm init后,需要输入一些信息,一直点击“回车”即可。

如下图所示:

4.png

3)依次执行npm安装crypto-js --save和npm安装js-base64 --save。

如下图所示:

5.png

建立国家预防机制

在微信开发工具的菜单栏中选择“工具-构建npm”即可完成构建。

2.3分析类实现

在项目的utils文件夹下新建一个文件WXBizDataCrypt.js,代码实现如下:

var crypto js = require(& quot;crypto -js & quot;);var Base64 = require(& quot;js-base 64 & quot;);//解析加密数据函数decode(session key,iv,data){ var key = crypto js . enc . base 64 . parse(session key);var iv = crypto js . enc . base 64 . parse(iv);var decrypt = CryptoJS。AES . decrypt(data,key,{ iv: iv,mode: CryptoJS.mode.CBC,padding:crypto js . pad . pkcs 7 });return base64 . decode(crypto js . enc . base64 . stringify(decrypt));}module.exports = {decode}2.4获取手机号码代码的实现

2 . 4 . 1 getphonenumber . js的实现

注意:appId和secret需要用自己的小程序替换。

//pages/get phone number/get phone number . js const WXBizDataCrypt = require(& amp;#39;../../utils/WXBizDataCrypt & amp;#39;);page({/* * *页面的初始数据*/data:{ phonenum:&;#39;& amp#39;,会话密钥:& amp#39;& amp#39;、openId:& amp;#39;& amp#39;,},/* * *生命周期函数--监控页面加载*/onload:Function(options){ this . getsession key();},getPhoneNumber:function(e){ if(e . detail . errmsg = = & quot;getPhoneNumber:拒绝用户失败){ wx . show toast({ title:& amp;#39;授权被拒绝,无法获取用户的手机号码!& amp#39;,})返回;}//解密数据获取手机号码this . Decrypt data(this . data . session key,e.detail.iv,e . detail . encrypted data);},//get session key get session key:function(){ wx . log in({ success:RES =》{ console . log(& amp;#39;代码:& amp#39;+RES . code);var数据= { & amp#39;appid & amp#39;:& amp#39;* * * * * * * * * & amp#39;//注意appId和secret需要替换为&;#39;秘密& amp#39;:& amp#39;* * * * * * * * * * * * * * * * * * * * * & amp#39;,& amp#39;js _ code & amp#39;:资源代码。#39;格兰特类型&amp。#39;:& amp#39;授权码& amp#39;};wx . request({ URL:& amp;#39;https://api.weixin.qq.com/sns/jscode2session&第39名;,数据:数据,方法:& amp#39;获取& amp#39;,成功:res = & gt{ console . log(& quot;jscode 2会话结果,RES);this . setdata({ session key:RES . data . session _ key,openId:RES . data . openId })},fail:function(RES){ console . log(& quot;获取jscodeSession失败:“,RES);} })} } },//解密数据:function(key,iv,加密数据){ var process data = wxbizdatacrypt . decode(key,iv,加密数据);console . log(& quot;解密的数据:“,process data);var JSON obj = JSON . parse(process data);this . setdata({ phone num:JSON obj

更多编程相关知识请访问:编程视频!!

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:手机号码获取方法分析(如何通过小程序获取用户的手机号码) https://zhujicankao.com/107549.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 手机号码获取方法分析(如何通过小程序获取用户的手机号码)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!