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

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

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

比如在浏览器中我们可以通过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(

TuwCn "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;

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。