uni-app 获取用户信息和手机号

2020-12-09  本文已影响0人  习惯水文的前端苏

商业小程序中获取用户信息和手机号以完成注册是必不可少的一步,今天正好做完这一块儿的需求,故在此记录下

首先,由于微信小程序将逐渐不再支持以代码方式唤起授权弹窗,因此我们需要准备一个授权页面,大概长这样

"授权按钮"则对应着button按钮,有两个,一个是登录,一个是手机号

当用户点击"授权登录"时,我们需要使用代码获取用户信息并执行登录

当login成功之后我们会拿到小程序返回给我们的临时code,我们需要根据该code值获取session_key,这将用于下一步解析手机号使用

想要解析手机号,我们需要两样东西:cryptoJs和WXBizDataCryptJs

前者需要npm下载,后者则通过百度直接可以下载到压缩包,解压后放到项目文件下并引入即可

其中data.phoneNumber便是我们解密后的手机号,之后调用后台的注册接口即可完成用户注册操作


2021-1-15补充

在后续交付测试过程中认证注册会偶现认证失败,这是因为code被刷新失效导致,需要将code获取放到进入页面时获取

上一篇下一篇

猜你喜欢

热点阅读