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

最近在研究微信小程序怎么玩的。接触后发现好多的坑。

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

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

第一种获取方案

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

完整代码如下

wx.login({
  success:function(){
    wx.getUserInfo({
      success:function(res){
        var simpleUser = res.userInfo;
        console.log(simpleUser.nickName);
      }
    });
  }
});

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

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

代码如下
js

var request = require("../../utils/request.js");

wx.login({
  success:function(res_login){
     if(res_login.code)
     {
       wx.getUserInfo({
         withCredentials:true,
         success:function(res_user){
           var requestUrl = "/getUserApi/xxx.php";
           var jsonData = {
               code:res_login.code,
               encryptedData:res_user.encryptedData,
               iv:res_user.iv
             };
           request.httpsPostRequest(requestUrl,jsonData,function(res){
            console.log(res.openId);
           });
         }
       })
     }
   }
 })

后台解析

/**
 * 获取粉丝信息
 * 其中的参数就是前端传递过来的
 */
public function wxUserInfo($code,$encryptedData,$iv)
{
  $apiUrl = "https://api.weixin.qq.com/sns/jscode2session?appid={$this->wxConfig['appid']}&secret={$this->wxConfig['appsecret']}&js_code={$code}&grant_type=authorization_code";

  $apiData = json_decode(curlHttp($apiUrl,true),true);

  if(!isset($apiData['session_key']))
  {
    echoJson(array(
      "code" => 102,
      "msg"  => "curl error"
    ),true);
  }

  $userInfo = getUserInfo($this->wxConfig['appid'],$apiData['session_key'],$encryptedData,$iv);

  if(!$userInfo)
  {
    echoJson(array(
      "code"   => 105,
      "msg"    => "userInfo not"
    ));
  }

  //$userInfo = json_decode($userInfo,true);

  //载入用户服务
  //$userService = load_service("User");

  //$userService->checkUser($this->projectId,$userInfo);

  echo $userInfo;  //微信响应的就是一个json数据
}

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

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

//获取粉丝信息
function getUserInfo($appid,$sessionKey,$encryptedData,$iv){
  require_once ROOTPATH . "/extends/wxUser/wxBizDataCrypt.php";
  $data = array();
  $pc = new WXBizDataCrypt($appid, $sessionKey);
  $errCode = $pc->decryptData($encryptedData, $iv, $data );

  if ($errCode == 0) {
    return $data;
  } else {
    return false;
  }
}

自己写的小工具 request.js

var app = getApp();

//远程请求
var __httpsRequest = {

  //http 请求
  https_request : function(obj){
    wx.request(obj);
  },

  //文件上传
  upload_request : function(dataSource){
    wx.uploadFile(dataSource);
  }
};

module.exports = {
  //执行异步请求get
  httpsRequest:function(obj){
    var jsonUrl = {};
    jsonUrl.url = obj.url;
    if(obj.header)jsonUrl.header=obj.header;
    if(obj.type)
      jsonUrl.method = obj.type;
    else
      jsonUrl.method="GET";
    if(obj.data)jsonUrl.data = obj.data;
    obj.dataType?(jsonUrl.dataType=obj.dataType):(jsonUrl.dataType="json");

    jsonUrl.success = obj.success;

    jsonUrl.data.projectId = app.globalData.projectId;

    __httpsRequest.https_request(jsonUrl);
  },

  //get 请求
  httpsGetRequest:function(req_url,req_obj,res_func)
  {
    var jsonUrl = {
      url:app.globalData.host + req_url,
      header:{"Content-Type":"application/json"},
      dataType:"json",
      method:"get",
      success:function(res)
      {
        typeof res_func == "function" && res_func(res.data);
      }
    }

    if(req_obj)
    {
      jsonUrl.data = req_obj;
    }

    jsonUrl.data.projectId = app.globalData.projectId;

     __httpRequest.https_request(jsonUrl);
  },

  //post 请求
  httpsPostRequest:function(req_url,req_obj,res_func)
  {
    var jsonUrl = {
      url:app.globalData.host + req_url,
      header:{"Content-Type":"application/x-www-form-urlencoded"},
      dataType:"json",
      method:"post",
      success:function(res)
      {
        typeof res_func == "function" && res_func(res.data);
      }
    }

    if(req_obj)
    {
      jsonUrl.data = req_obj;
    }

    jsonUrl.data.projectId = app.globalData.projectId;

     __httpsRequest.https_request(jsonUrl);
  },

  //文件上传
  httpsUpload:function(uid,fileDataSource,res_func)
  {
    dataSource = {
      url:app.globalData.host + req_url,
      header:{
        "Content-Type":"multipart/form-data"
      },
      dataType:"json",
      formData  : {
        "uid"  :  uid
      },
      filePath  : fileDataSource,
      name    : "fileObj",
      success:function(res){
        typeof res_func == "function" && res_func(res);
      }
    }

    __httpsRequest.upload_request(dataSource);
  }
};

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

您可能感兴趣的文章:

• 微信小程序授权获取用户详细信息openid的实例详解
• 微信小程序-获得用户输入内容
• 微信小程序中做用户登录与登录态维护的实现详解
• 微信小程序 用户数据解密详细介绍
• 微信小程序getPhoneNumber获取用户手机号
• 微信小程序后台解密用户数据实例详解
• 微信小程序获取手机号授权用户登录功能
• 微信小程序获取用户openId的实现方法
• 微信小程序如何获知用户运行小程序的场景教程