您当前的位置: 首页 > 解决方案

微信小程序之手机号快速注册

  • 作者: admin
  • 发布于 2017-09-04 16:56:56
  • 来源:  
  • 栏目:解决方案

导语: 为提升小程序使用体验,帮助用户更便捷地获取服务,小程序开放手机号快速填写组件,非个人开发者的小程序完成认证后即可使用。 1. 在新用户注册、联系方式登记等必要场景下

 为提升小程序使用体验,帮助用户更便捷地获取服务,小程序开放手机号快速填写组件,非个人开发者的小程序完成认证后即可使用

 

1. 在新用户注册、联系方式登记等必要场景下,开发者均可在页面上部署手机号快速填写组件。

2. 用户点击组件,完成弹窗授权后,即可直接将微信绑定的手机号填入,绝大部分情况下无需再进行短信验证码校验。

3. 若用户不愿提供微信绑定的手机号,开发者需提供手动输入手机号功能。

 

20170826154832023.jpg

 

 

getPhoneNumber(OBJECT)

说明

 

获取微信用户绑定的手机号,需先调用login接口。

因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API来调用,需用 <button> 组件的点击来触发。

注意:

目前该接口针对非个人开发者,且完成了认证的小程序开放。

需谨慎使用,若用户举报较多或被发现在不必要场景下使用,微信有权永久回收该小程序的该接口权限。

 

 

使用方法

需要将 <button> 组件 open-type 的值设置为 getPhoneNumber,当用户点击并同意之后,可以通过 bindgetphonenumber 事件回调获取到微信服务器返回的加密数据, 然后在第三方服务端结合 session_key 以及 app_id 进行解密获取手机号。

 

 

示例

xx.wxml:

 

[html] view plain copy
 
  1. <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"> </button>  


xx.js:

 

 

[html] view plain copy
 
  1. Page({   
  2.     getPhoneNumber: function(e) {   
  3.         console.log(e.detail.errMsg)   
  4.         console.log(e.detail.iv)   
  5.         console.log(e.detail.encryptedData)   
  6.     }   
  7. })  

 

20170826155017392.jpg

 

 

 

encryptedData 解密后为以下 json 结构,详见加密数据解密算法

备注:解密方法跟登录解密用户信息的方法一样!

[html] view plain copy
 
  1. {  
  2.     "phoneNumber": "13580006666",    
  3.     "purePhoneNumber": "13580006666",   
  4.     "countryCode": "86",  
  5.     "watermark":  
  6.     {  
  7.         "appid":"APPID",  
  8.         "timestamp":TIMESTAMP  
  9.     }  
  10. }  

 

view p

20170826155147670.jpg

 



温馨提示:这篇文章没有解决您的问题?欢迎添加微信:18948083295,有微信小程序专业人员,保证有问必答。转载本站文章请注明转自http://www.okeydown.com/(微信小程序网)。

  • 微信扫描二维码关注官方微信
  • ▲长按图片识别二维码
关注我们

微信小程序官方微信

栏目最新
栏目推荐
返回顶部