微信小程序获取手机号码(仅前端部分
2021/4/15 20:28:24
本文主要是介绍微信小程序获取手机号码(仅前端部分,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
- 第一步,获取手机号码之前, 需要调用wx.login()方法去获取到code(当然, 如果你放在getPhoneNumber里面也是可以的.
- 第二步,需要用户手动点击获取手机号的按钮, 触发getPhoneNumber方法.
// 放在onload()方法中, 在页面一加载完成就调用 wx.login({ timeout: 1000, success(res) { //console.log(res); that.setData({ loginCode: res.code }) // 这里需要用户和后端实现一个回话. fail(err) { //console.log(err); } }) })
getPhoneNumber(e) { let that = this this.setData({ iv: e.detail.iv, encryptedData: e.detail.encryptedData }) // 这里根据用户点击, 判断一下, 如果点击了取消, 将触发下面方法 if(e.detail.errMsg == 'getPhoneNumber:fail user deny'){ wx.showToast({ title: '请您授权手机号,以便提供更好服务', icon:'none', duration:5000 }) // 如果用户点了确定, 那么, 前端拿到这个iv和encryptedData传给后端小哥哥进行解密 }else { wx.request({ url: 'https://xxxxx', data:{ iv:JSON.stringify(that.data.iv), d: JSON.stringify(that.data.encryptedData) }, method:'POST', header: { 'content-type': 'application/x-www-form-urlencoded', // 带上cookie Cookie: wx.getStorageSync('cookie') }, success(res){ // 根据后端小哥哥传回的数据, 做后续操作 that.setData({ getPhone:false }) wx.showToast({ title: '登录成功!', duration:1000 }) } }) } },
这篇关于微信小程序获取手机号码(仅前端部分的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-302024年最新版云开发cms开通步骤,开始开发微信小程序前的准备工作,认真看完奥!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)
- 2024-01-22基于taro搭建小程序多项目框架
- 2024-01-13小程序开发:在插件市场寻找步骤条组件并二开
- 2024-01-05钉钉小程序生态—企业机器人加互动卡片,改善用户体验的开始!
- 2023-12-29【UniApp】-uni-app-打包成小程序
- 2023-12-26性能翻倍!京东亿级体量小程序优化实践
- 2023-12-25小程序优化:第三方SDK过大解决方案
- 2023-11-26微信小程序文件预览和下载-文件系统
- 2023-11-2652天学习微信小程序计划No.2:注册小程序账号&安装开发者工具