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

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

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

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

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

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

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

2、代码实现2.1新项目

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

2.2准备密文解析工具类

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

1）

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

2）执行npm初始化指令。

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

如下图所示:

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

如下图所示:

建立国家预防机制

在微信开发工具的菜单栏中选择“工具-构建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

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

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

• 再来说说微信小程序中的生命周期（功能）（请谈谈小程序的生命周期功能？)
• applet中插槽与父子组件通信的几种方式分析（applet的父组件改变子组件的属性）
• 教你如何在微信小程序中使用画布+画师插件制作二维码（微信小程序画布生成图片）。
• 教你如何在小程序中使用字体图标（如何设置小程序的字体大小）
• 微信开发的模板消息回复（微信回复模板图片）

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