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

作者: 习惯水文的前端苏 | 来源:发表于2020-12-09 15:57 被阅读0次

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

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

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

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

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

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

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

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

2021-1-15补充

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

相关文章