uniapp 获取用户手机号

【！！补充，先看参考资料！！】
参考资料：

微信小程序官方文档

uniapp开发微信小程序获取用户手机号

页面增加一个按钮

<button open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">唤起授权</button>

前端解密

安装 crypto-js

npm install crypto-js

下载 WXBizDataCrypt.js 文件

WXBizDataCrypt.js微信官方下载地址

打开Node文件夹，把 WXBizDataCrypt.js 文件放入你的项目中。（比如我是放在我的common文件夹下）
在需要解密的页面引用该文件
import WXBizDataCrypt from “@/common/WXBizDataCrypt.js”; //请以你的实际地址为准

具体代码如下，关键位置请看注释

<script>//在需要解密的页面引用该文件import WXBizDataCrypt from "@/common/WXBizDataCrypt.js";export default {data() {return {}},methods: {getPhoneNumber(PhoneNumber) {let appid = "wxce185cd1da123456" //需替换let secret = "25d0fe7478355910fc143ce6b1234567"  //需替换//调用 wx.login 接口,获取codeuni.login({provider: 'weixin',success: res => {let url = 'https://api.weixin.qq.com/sns/jscode2session?appid=' + appid + '&secret=' + secret +'&js_code=' +res.code + '&grant_type=authorization_code';//用 code 换取 session 和 openIduni.request({url: url, // 请求路径success: res => { //成功res返回openid，session_key// console.log(res)//解密用户信息let pc = new WXBizDataCrypt(appid, res.data.session_key);let data = pc.decryptData(PhoneNumber.detail.encryptedData, PhoneNumber.detail.iv);// //data就是最终解密的用户信息 // countryCode: "86"  区号// phoneNumber: "15634123456"  用户绑定的手机号（国外手机号会有区号）// purePhoneNumber: "15634123456"  没有区号的手机号// watermark://         appid: "wxce185cd1da123456"//         timestamp: 1607906868console.log(data)},fail: err => {console.log(err)}})}})}}}
</script>

uniapp 获取用户手机号相关推荐

uni-app获取用户手机号
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手 ...
微信小程序获取用户手机号--官方示例
微信小程序获取用户手机号–官方示例 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNu ...
小程序获取用户手机号_借助云开发5行代码获取小程序用户的手机号
最近有很多同学有获取小程序用户手机号的需求.其实云开发出现之前我们获取小程序用户的手机号特别繁琐.自从有了云开发,我们获取用户手机号变得非常简单.只需要5行代码即可. 老规矩,我们先来看下效果图再来 ...
html怎样获取用户手机号码,小程序如何获取用户手机号？
在小程序获客过程中,我们有非常多的应用场景希望获取当前访客的手机号,通过小程序提供的这一便利功能,可以大大增强我们的营销效果. 在小程序中,获取手机号有下面两种方式: 一.用户进入首页(或某一页面), ...
微信小程序获取用户手机号存数据库，前后端都有《Java后台版》
开发这个功能的时候走了很多弯路磨了很多时间,我发一下我自己用的来帮助大家流程图前端 index.wxml <view>我的首页内容</view><button cla ...
【微信小程序】获取用户手机号的实现
0 说明本文,是纯前端实现微信小程序获取用户手机号的实现方法总结,并给出了相应的注意点与优化点说明. (注意:获取用户手机号,需要用已通过企业认证的小程序账号) 0.1 为什么要写这篇文章? 1.记 ...
微信小程序 getPhoneNumber获取用户手机号
微信小程序 getPhoneNumber获取用户手机号在使用getPhoneNumber前,可以先看下官方文档:文档地址在注意这里,官方提到如果不使用之前wx.login调用获取的sessionK ...
微信小程序python解析获取用户手机号_微信小程序获取用户手机号
获取微信用户绑定的手机号,需先调用wx.login接口. 小程序获取code. 后台得到session_key,openid. 组件触发getPhoneNumber 因为需要用户主动触发才能发起获取手 ...
微信小程序python解析获取用户手机号_微信小程序获取用户手机号详解
最近在做一款微信小程序,需要获取用户手机号,具体步骤如下: 流程图: 1.首先,客户端调用wx.login,回调数据了包含jscode,用于获取openid(用户唯一标识)和sessionkey(会话 ...
微信小程序中如何获取用户手机号授权登录
随着微信小程序的普及,许多应用程序需要用户登录才能提供更好的服务.而获取用户手机号码是验证用户身份和确保账户安全的重要步骤之一.因此,在本文中,我们将介绍如何在微信小程序中实现手机号授权登录. 步骤一 ...

uniapp 获取用户手机号

uniapp 获取用户手机号相关推荐

最新文章

热门文章