微信小程序之手机号快速注册 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

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

发表时间:2021-5-11

发布人:葵宇科技

浏览次数:72

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

 

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

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

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




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. })  



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. }  




微信小程序教程系列

相关连接:http://blog.csdn.net/michael_ouyang/article/details/54700871

相关案例查看更多