一. 前端

 wx.login({
      success: function(res) {
           if (res.code) {
                //獲取使用者資訊
                wx.getUserInfo({
                     success: function (msg){
                          //發起網路請求
                         wx.request({
                              url: 'https://test.com/onLogin.php'
 
,
                              method: 'POST',
                              header: {
                                   // 'content-type': 'application/json'
                                   'content-type': 'application/x-www-form-urlencoded'
                              },
                              data: {
                                   code: res.code,
                                   encryptedData: msg.encryptedData,
                                   iv: msg.iv
                              },
                              success: function
 
 (data){
                                   console.log(data);
                              }),
                              fail: function (res) {
                                   console.log(res)
                              }
                         })
                    }
               })
          } else
 
 {
              console.log('獲取使用者登入態失敗！' + res.errMsg)
          }
    }
});

程式碼詳解:
1. wx.login返回的res如下圖

code為登入憑證，使用一次後失效
2. wx.getUserInfo返回的msg如下圖

msg裡的encryptedData和iv都非常重要的敏感資訊，後面講後臺介面時會講到
3. data為我們後臺登入介面返回的資料（業務資料）

二. 後端

1. 第一步，requier wxBizDataCrypt.php 檔案，官方檔案點我下載

2. 通過code 換取 session_key，openid，unionid 會話金鑰，按照官方文件來即可，介面地址：

    https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

返回的是包含openid和unionid的json字串（多平臺應該是取unionid，進行查詢資料庫的操作，獲取使用者在另外平臺上的資料了，unionid機制見文末解析），轉換成陣列格式如下圖

錯誤時返回的json包如下，

    {"errcode": 40029,"errmsg": "invalid code"}

3. 獲取使用者詳細資訊

$pc = new WXBizDataCrypt($appid, $sessionKey);
$errCode = $pc->decryptData($encryptedData, $iv, $data );

1. encryptedData和iv為前臺傳過來的引數(密文)
2. 若$errCode !=0 則驗證失敗，介面應該返回失敗資料
3. $data為解密後的使用者基本資訊，json格式，轉換陣列後如下圖
   
   
   1. 通過後就獲取到使用者詳細資訊了
   2. 末尾返回的資料就是上面前端的程式碼詳解裡的data引數啦

openid與unionid

1. 同一使用者對同一應用（公眾號、小程式等）的openid是相同的
2. 不同使用者對不同應用的openid是不同的
3. 同一個微信開放平臺帳號下的應用，使用者的unionid是唯一的
4. 不同應用若想獲取同一使用者在其他應用資料，應先根據unionid獲取使用者在該平臺的openid,然後根據openid獲取相應資料
5. 更多詳情參考官方文件