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

前端之家收集整理的这篇文章主要介绍了微信小程序如何获取用户信息前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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);
});
}
})
}
}
})

后台解析

$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'],$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 函数是一个自定函数函数的源码查看我的这篇文章

decryptData($encryptedData,$iv,$data );

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

自己写的小工具 request.js

<div class="jb51code">
<pre class="brush: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,header:{"Content-Type":"application/x-www-form-urlencoded"},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"
},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://www.f2er.com/weapp/34015.html

猜你在找的微信小程序相关文章