微信小程序获取手机号登录流程

首先前端使用wx.login 获取code

   wx.login({success(res) {if (res.code) {that.setData({code: res.code});}},fail(res) {console.log('获取凭证失败!' + res);}})

在wxml文件里面的加上按钮，通过按钮触发getPhoneNumber方法，button的open-type="getPhoneNumber"加上

 <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">

在getPhoneNumber(e)函数里面
前端调取后端给的接口把code传过去，后端使用 code 换取 openid、unionid、session_key 等信息；

 request.request('jscode2session', {code: this.data.code}, res => {if (res.status == 1) {that.setData({session_key: encodeURIComponent(res.data.session_key)});}})

记住：发送请求时前端传参如果用encodeURIComponent()转码，后端也一定要用转码，前端如果不用后端也不用，一定要前后端保持一致，不然后端拿到之后请求微信接口会报错！！！

然后通过getPhoneNumber(e)函数的e这个对象里面获取iv和encryptedData；

 var iv = encodeURIComponent(e.detail.iv)var encryptedData = encodeURIComponent(e.detail.encryptedData);

因为第一次wx.login()拿到的code为了获取session_key已经使用过了，所以后端获取手机号所需的code需要再次通过wx.login()获取一下；
至此后端通过微信获取手机号所需要的四个参数都已经凑齐wx_code、session_key、encryptedData、iv；

wx.login({success(res) {if (res.code) {// 成功回调获取用户解密手机号request.request('login', {wx_code: res.code,session_key: that.data.session_key,encryptedData: encryptedData,iv: iv}, res => {console.log('打印后端返回的值')}, fail => {})}}})

至此微信小程序获取手机号前后端交互完成!!!

微信小程序获取手机号登录流程相关推荐

微信小程序获取手机号登录流程(个人开发者账号不支持)
微信小程序获取手机号登录流程所需条件 1. 非个人开发者账号 2. AppID+AppSecret 流程思路 **注意:** 代码实现常见问题所需条件 1. 非个人开发者账号获取手机号文档这 ...
微信小程序获取手机号登录(Java后端)
1.添加依赖 <dependency><groupId>org.projectlombok</groupId><artifactId>lombok< ...
微信授权绑定手机号 java_微信小程序获取手机号授权用户登录功能
小程序中有很多地方都会用到注册用户信息的地方,用户需要填写手机号等,有了这个组件可以快速获取微信绑定手机号码,无须用户填写. 1.getPhoneNumber这个组件通过button来实现(别的标签无 ...
php 微信小程序获取手机号_实例讲解微信小程序获取手机号授权用户登录功能...
小程序中有很多地方都会用到注册用户信息的地方,用户需要填写手机号等,有了这个组件可以快速获取微信绑定手机号码,无须用户填写.本文主要给大家分享微信小程序获取手机号授权用户登录功能,需要的朋友参考下吧, ...
java实现微信、手机号登陆_微信小程序获取手机号授权用户登录功能
小程序中有很多地方都会用到注册用户信息的地方,用户需要填写手机号等,有了这个组件可以快速获取微信绑定手机号码,无须用户填写. 1.getPaDirIrkFhoneNumber这个组件通过button来 ...
uni-app微信小程序获取手机号；微信小程序获取手机号，获取到后需要进行解密；微信小程序获取手机号失败 Error：该appId没有权限
方法1.uni-app登录加获取手机号解密-直接看此篇即可解决微信小程序获取手机号注意点: 1.需要先登录,微信小程序登录看这篇 2.手机号获取到时加密的,需要后端解密或者前端自己解密(解密时候就会 ...
微信小程序获取手机号并解密详解
微信小程序获取手机号并解密 1 获取手机号 2 解密 2.1 获取所需数据 2.2 解密返回数据 1 获取手机号获取手机号的过程官方文档有详细的介绍.参考官方链接要注意的是,此功能只对非个人且完成 ...
微信小程序---- 获取手机号（微信最新更新）
微信小程序---- 获取手机号(微信最新更新) 前言:需要将 button 组件 open-type 的值设置为 getPhoneNumber,当用户点击并同意之后,可以通过 bindgetphone ...
微信小程序获取手机号流程及后端java解密
在小程序开发中,获取微信用户绑定的手机号功能,详细可查看官方文档:微信官方文档 · 小程序获取手机号获取微信用户绑定的手机号,需先调用wx.login接口. 因为需要用户主动触发才能发起获取手机号 ...

微信小程序获取手机号登录流程

微信小程序获取手机号登录流程

微信小程序获取手机号登录流程相关推荐

最新文章

热门文章