這次帶給大家怎樣開發微信小程式取得使用者個人信息，開發微信小程式取得使用者個人資訊的注意事項有哪些，以下就是實戰案例，一起來看一下。
最近在研究微信小程式怎麼玩的。接觸後發現好多的坑。
例如在瀏覽器中我們可以透過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);
}
};登入後複製
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
360瀏覽器相容模式的頁面顯示不全怎麼處理
CSS3實作傾斜與旋轉動畫效果
inline-block元素預設間距清除
以上是怎麼開發微信小程式獲取用戶個人資訊的詳細內容。更多資訊請關注PHP中文網其他相關文章！
