当前位置:Gxlcms > JavaScript > 微信小程序获取用户信息如何实现

微信小程序获取用户信息如何实现

时间:2021-07-01 10:21:17 帮助过:95人阅读

最近在研究微信小程序怎么玩的。接触后发现好多的坑。 本文就教大家微信小程序获取用户信息如何实现。

比如在浏览器中我们可以通过document.getElementById 获取到页面的DOM对象。而在微信小程序中是获取不到DOM对象的。document.getElementById() 直接报错 getElementById not function 我也是醉了。不支持这个好多有趣的功能不能实现了。
言归正传,我谈下获取用户信息的感想。

有两种获取用户信息的方案。
1、不包含敏感信息openId 的json对象(包含:nickname、avatarUrl等基本信息)
2、包含敏感信息openId的基本信息。

第一种获取方案

1、首先调用wx.login()接口 让用户授权验证,也就是我们肉眼观察到的,你是否对xxxxx授权这种信息。
2、用户成功授权后,调用wx.getUserInfo() 接口获取用户信息。

完整代码如下

第二种比较复杂了,需要与后台进行交互才能获得userInfo,但是这种方案获得的数据是完整的(包含openId)。

1、调用wx.login()接口 授权 在success 成功函数的参数中包含code。
2、调用wx.getUserInfo()接口success 函数中包含encryptedData、iv
3、将上述参数传给后台解析,生成userInfo

代码如下
js

后台解析

getUserInfo function 其中wxBizDataCrypt.php 就是微信官方提供的素材包

curlHttp 函数是一个自定函数 该函数的源码查看我的这篇文章curlHttp

自己写的小工具 request.js

app.globalData.host 就是域名地址如 https://xxxxx.com;

相关推荐:

Thinkphp5如何实现微信小程序获取用户信息接口的案例

关于获取用户信息的10篇文章推荐

网页授权获取用户信息的方法

以上就是微信小程序获取用户信息如何实现的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行