微信小程序官方給了十分詳細的登陸時序圖，當然為了安全著想，應該加上簽名加密。
微信小程序端
1).調用wx.login獲取 code 。
2).調用wx.getUserInfo獲取簽名所需的 rawData , signatrue , encryptData 。
3).發起請求將獲取的數據發送的后臺。
login: function(e) {
var that = this;
wx.login({
success: function(res){
var code = res.code; //獲取code
wx.getUserInfo({ //得到rawData, signatrue, encryptData
success: function(data){
var rawData = data.rawData;
var signature = data.signature;
var encryptedData = data.encryptedData;
var iv = data.iv;
wx.request({
url: '你自己的后臺地址',
data: {
"code" : code,
"rawData" : rawData,
"signature" : signature,
'iv' : iv,
'encryptedData': encryptedData
},
method: 'GET',
success: function(info){
console.log(info);
}
})
}
})
},
})
}
服務端
需下載微信官方解密文件。 —— [ 用戶數據的簽名驗證和加解密 ]
1.解壓后會出現不同語言的文件包，這里用的是PHP，將文件夾放到vendor目錄下。
2.根據登陸憑證 code 獲取 session_key 和 openid。
3.數據簽名校驗。
4.數據解密。
5.生成第三方3rd_session并返回微信小程序端。
/*
*登錄（調用wx.login獲取）
* @param $code string
* @param $rawData string
* @param $signatrue string
* @param $encryptedData string
* @param $iv string
* @return $code 成功碼
* @return $session3rd 第三方3rd_session
* @return $data 用戶數據
*/
public function login()
{
//開發者使用登陸憑證 code 獲取 session_key 和 openid
$APPID = '';//自己配置
$AppSecret = '';//自己配置
$code = input('code');
$url = "https://api.weixin.qq.com/sns/jscode2session?appid=" . $APPID . "secret=" . $AppSecret . "js_code=" . $code . "grant_type=authorization_code";
$arr = $this->vget($url); // 一個使用curl實現的get方法請求
$arr = json_decode($arr, true);
$openid = $arr['openid'];
$session_key = $arr['session_key'];
// 數據簽名校驗
$signature = input('signature');
$rawData = Request::instance()->post('rawData');
$signature2 = sha1($rawData . $session_key);
if ($signature != $signature2) {
return json(['code' => 500, 'msg' => '數據簽名驗證失敗！']);
}
Vendor("PHP.wxBizDataCrypt"); //加載解密文件，在官方有下載
$encryptedData = input('encryptedData');
$iv = input('iv');
$pc = new \WXBizDataCrypt($APPID, $session_key);
$errCode = $pc->decryptData($encryptedData, $iv, $data); //其中$data包含用戶的所有數據
$data = json_decode($data);
if ($errCode == 0) {
dump($data);
die;//打印解密所得的用戶信息
} else {
echo $errCode;//打印失敗信息
}
}
public function vget($url){
$info=curl_init();
curl_setopt($info,CURLOPT_RETURNTRANSFER,true);
curl_setopt($info,CURLOPT_HEADER,0);
curl_setopt($info,CURLOPT_NOBODY,0);
curl_setopt($info,CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($info,CURLOPT_SSL_VERIFYHOST, false);
curl_setopt($info,CURLOPT_URL,$url);
$output= curl_exec($info);
curl_close($info);
return $output;
}
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:- 微信小程序實戰之登錄頁面制作（5）
- 微信小程序用戶授權，以及判斷登錄是否過期的方法
- 微信小程序獲取手機號授權用戶登錄功能
- 一步步教會你微信小程序的登錄鑒權
- 微信小程序 本地存儲及登錄頁面處理實例詳解
- 微信小程序實現授權登錄
- 微信小程序 新建登錄頁并實現tabBar隱藏
- 微信小程序 登錄的簡單實現
- 微信小程序實現登錄界面
