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

比如在瀏覽器中我們可以通過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 就是微信官方提供的素材包