用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

微信小程序 - 获取用户信息

纸飞机 2018-3-6 16:10

作者:倾听岁月,来自原文地址 最近在研究微信怎么玩的。接触后发现好多的坑。 比如在浏览器中我们可以通过document.getElementById 获取到页面的DOM对象。而在微信小程序中是获取不到DOM对象的。document.getElemen ...

作者:倾听岁月,来自

原文地址


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

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

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

  1. wx.login({
  2. success:function(){
  3. wx.getUserInfo({
  4. success:function(res){
  5. var simpleUser = res.userInfo;
  6. console.log(simpleUser.nickName);
  7. }
  8. });
  9. }
  10. });

第二种比较复杂了,需要与后台进行交互才能获得userInfo,但是这种方案获得的数据是完整的(包含openId)。
1、调用wx.login()接口 授权 在success 成功函数的参数中包含code。
2、调用wx.getUserInfo()接口success 函数中包含encryptedData、iv
3、将上述参数传给后台解析,生成userInfo
代码如下
js

  1. var request = require("../../utils/request.js");
  2. wx.login({
  3. success:function(res_login){
  4. if(res_login.code)
  5. {
  6. wx.getUserInfo({
  7. withCredentials:true,
  8. success:function(res_user){
  9. var requestUrl = "/getUserApi/xxx.php";
  10. var jsonData = {
  11. code:res_login.code,
  12. encryptedData:res_user.encryptedData,
  13. iv:res_user.iv
  14. };
  15. request.httpsPostRequest(requestUrl,jsonData,function(res){
  16. console.log(res.openId);
  17. });
  18. }
  19. })
  20. }
  21. }
  22. })

后台解析

  1. /**
  2. * 获取粉丝信息
  3. * 其中的参数就是前端传递过来的
  4. */
  5. public function wxUserInfo($code,$encryptedData,$iv)
  6. {
  7. $apiUrl = "https://api.weixin.qq.com/sns/jscode2session?appid={$this->wxConfig['appid']}&secret={$this->wxConfig['appsecret']}&js_code={$code}&grant_type=authorization_code";
  8. $apiData = json_decode(curlHttp($apiUrl,true),true);
  9. if(!isset($apiData['session_key']))
  10. {
  11. echoJson(array(
  12. "code" => 102,
  13. "msg" => "curl error"
  14. ),true);
  15. }
  16. $userInfo = getUserInfo($this->wxConfig['appid'],$apiData['session_key'],$encryptedData,$iv);
  17. if(!$userInfo)
  18. {
  19. echoJson(array(
  20. "code" => 105,
  21. "msg" => "userInfo not"
  22. ));
  23. }
  24. //$userInfo = json_decode($userInfo,true);
  25. //载入用户服务
  26. 邀请

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏