微信小程序如何获取用户信息
最近在研究微信小程序怎么玩的。接触后发现好多的坑。
比如在浏览器中我们可以通过document.getElementById获取到页面的DOM对象。而在微信小程序中是获取不到DOM对象的。document.getElementById()直接报错getElementByIdnotfunction我也是醉了。不支持这个好多有趣的功能不能实现了。
言归正传，我谈下获取用户信息的感想。
有两种获取用户信息的方案。
1、不包含敏感信息openId的json对象(包含:nickname、avatarUrl等基本信息)
2、包含敏感信息openId的基本信息。
第一种获取方案
1、首先调用wx.login()接口让用户授权验证，也就是我们肉眼观察到的，你是否对xxxxx授权这种信息。
2、用户成功授权后，调用wx.getUserInfo()接口获取用户信息。
完整代码如下
wx.login({
success:function(){
wx.getUserInfo({
success:function(res){
varsimpleUser=res.userInfo;
console.log(simpleUser.nickName);
}
});
}
});
第二种比较复杂了，需要与后台进行交互才能获得userInfo，但是这种方案获得的数据是完整的(包含openId)。
1、调用wx.login()接口授权在success成功函数的参数中包含code。
2、调用wx.getUserInfo()接口success函数中包含encryptedData、iv
3、将上述参数传给后台解析，生成userInfo
代码如下
js
varrequest=require("../../utils/request.js");
wx.login({
success:function(res_login){
if(res_login.code)
{
wx.getUserInfo({
withCredentials:true,
success:function(res_user){
varrequestUrl="/getUserApi/xxx.php";
varjsonData={
code:res_login.code,
encryptedData:res_user.encryptedData,
iv:res_user.iv
};
request.httpsPostRequest(requestUrl,jsonData,function(res){
console.log(res.openId);
});
}
})
}
}
})
后台解析
/**
*获取粉丝信息
*其中的参数就是前端传递过来的
*/
publicfunctionwxUserInfo($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"=>"curlerror"
),true);
}
$userInfo=getUserInfo($this->wxConfig['appid'],$apiData['session_key'],$encryptedData,$iv);
if(!$userInfo)
{
echoJson(array(
"code"=>105,
"msg"=>"userInfonot"
));
}
//$userInfo=json_decode($userInfo,true);
//载入用户服务
//$userService=load_service("User");
//$userService->checkUser($this->projectId,$userInfo);
echo$userInfo;//微信响应的就是一个json数据
}
getUserInfofunction其中wxBizDataCrypt.php就是微信官方提供的素材包
curlHttp函数是一个自定函数该函数的源码查看我的这篇文章curlHttp
//获取粉丝信息
functiongetUserInfo($appid,$sessionKey,$encryptedData,$iv){
require_onceROOTPATH."/extends/wxUser/wxBizDataCrypt.php";
$data=array();
$pc=newWXBizDataCrypt($appid,$sessionKey);
$errCode=$pc->decryptData($encryptedData,$iv,$data);
if($errCode==0){
return$data;
}else{
returnfalse;
}
}
自己写的小工具request.js
varapp=getApp();
//远程请求
var__httpsRequest={
//http请求
https_request:function(obj){
wx.request(obj);
},
//文件上传
upload_request:function(dataSource){
wx.uploadFile(dataSource);
}
};
module.exports={
//执行异步请求get
httpsRequest:function(obj){
varjsonUrl={};
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)
{
varjsonUrl={
url:app.globalData.host+req_url,
header:{"Content-Type":"application/json"},
dataType:"json",
method:"get",
success:function(res)
{
typeofres_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)
{
varjsonUrl={
url:app.globalData.host+req_url,
header:{"Content-Type":"application/x-www-form-urlencoded"},
dataType:"json",
method:"post",
success:function(res)
{
typeofres_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){
typeofres_func=="function"&&res_func(res);
}
}
__httpsRequest.upload_request(dataSource);
}
};
app.globalData.host就是域名地址如https://xxxxx.com;
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。