微信小程序如何獲取用戶信息

來源：懂視網責編：小采時間：2020-11-27 22:20:45

微信小程序如何獲取用戶信息

微信小程序如何獲取用戶信息:最近在研究微信小程序怎么玩的。接觸后發現好多的坑。比如在瀏覽器中我們可以通過document.getElementById 獲取到頁面的DOM對象。而在微信小程序中是獲取不到DOM對象的。document.getElementById() 直接報錯 getElementById not f

推薦度：

點擊下載本文 文檔為doc格式

導讀微信小程序如何獲取用戶信息:最近在研究微信小程序怎么玩的。接觸后發現好多的坑。比如在瀏覽器中我們可以通過document.getElementById 獲取到頁面的DOM對象。而在微信小程序中是獲取不到DOM對象的。document.getElementById() 直接報錯 getElementById not f

最近在研究微信小程序怎么玩的。接觸后發現好多的坑。

比如在瀏覽器中我們可以通過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;

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

微信小程序如何獲取用戶信息

推薦度：

點擊下載本文 文檔為doc格式

標簽：微信信息小程序

熱門焦點

微信小程序如何獲取用戶信息

微信小程序如何獲取用戶信息

微信小程序如何獲取用戶信息

最新推薦

猜你喜歡

熱門推薦