13518219792
這篇文章將為大家詳細講解有關微信小程序如何實現登錄功能，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
成都創新互聯公司專業成都網站設計、成都網站建設，集網站策劃、網站設計、網站制作于一體，網站seo、網站優化、網站營銷、軟文營銷等專業人才根據搜索規律編程設計，讓網站在運行后，在搜索中有好的表現，專業設計制作為您帶來效益的網站！讓網站建設為您創造效益。
注冊/登錄
小程序端" style="margin: 0.8em 0px; padding: 0px; box-sizing: border-box; font-weight: 100; line-height: 1.3em; font-size: 2.13em;">小程序端:
通過上面wx.login和wx.getUserInfo兩個api拿到相應的信息,并通過上方接口傳給自己的服務器.
需要傳輸的信息有7個參數:
appid 小程序唯一標識 secret 小程序的 app secret js_code //wx.login登錄時獲取的 code,用于后續獲取session_key //下面兩個參數用戶服務器端簽名校驗用戶信息的 signature 使用 sha1( rawData + sessionkey ) 得到字符串，用于校驗用戶信息。 rawData 不包括敏感信息的原始數據字符串，用于計算簽名。 //下面兩個參數是用于解密獲取openId和UnionId的 encryptedData 包括敏感數據在內的完整用戶信息的加密數據 iv 加密算法的初始向量 當然,可以精簡為以下三個參數. 其余的簽名校驗的參數可省略,而appid和secret可以直接寫在服務器. js_code // wx.login登錄時獲取的 code,用于后續獲取session_key encryptedData 包括敏感數據在內的完整用戶信息的加密數據 iv 加密算法的初始向量
服務端處理邏輯
相關的信息傳輸給服務器后,服務器
1.先根據js_code去微信服務器拿到session_key
2.(此步可省略)使用 sha1( rawData + sessionkey )拿到字符串,判斷與signature值是否相同,如果相同則用戶信息無誤,可進行下一步.如果不同,則說明用戶信息被篡改或過期.
3.然后根據解密算法自行解密(輸入參數為appId,sessionKey,encryptedData,iv,返回一個jsonObj),拿到openId和unionId等信息,執行服務器端的注冊/登錄操作.
4.注冊/登錄操作邏輯完成后,將我們服務器的sessionId(或其他token),以及用戶信息返回給客戶端.
其中,服務器去獲取session_key的請求為:
(小寫為固定寫好的,大寫為待替換的)
https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code
返回:
//正常返回的JSON數據包
{
"openid": "OPENID",
"session_key": "SESSIONKEY"
"expires_in": 2592000
}
//錯誤時返回JSON數據包(示例為Code無效)
{
"errcode": 40029,
"errmsg": "invalid code"
}相關解密算法:
https://mp.weixin.qq.com/debug/wxadoc/dev/api/signature.html
注意:示例代碼中有node,c++,php,python的,沒有java的.
需要服務器返回的信息:
sessionId/token 登錄狀態標識
userInfo: jsonObject,用戶在我們平臺上的信息,其內容與getPersonalInfo接口返回的相同.
最后,將登錄操作封裝成方法,需要處調用即可
//最終供外面調用的方法
function login(){
console.log('logining..........');
//調用登錄接口
wx.login({
success: function (e) {
console.log('wxlogin successd........');
var code = e.code;
wx.getUserInfo({
success: function (res) {
console.log('wxgetUserInfo successd........');
var encryptedData = encodeURIComponent(res.encryptedData);
thirdLogin(code,encryptedData,res.iv);//調用服務器api
}
})
}
});
}
function thirdLogin(code,encryptedData,iv){
var url = "eeee/xxx/login/ttttt";
var params = new Object();
params.code = code;
params.encryptedData = encryptedData;
params.iv =iv;
buildRequest(new Object(),url,params,{
onPre: function(page){},
onSuccess:function (data){
console.log('my login successd........');
console.log(data);
getApp().globalData.session_id = data.session_id;
getApp().globalData.uid = data.uid;
getApp().globalData.isLogin = true;
},
onError : function(msgCanShow,code,hiddenMsg){
}
}).send();
}關于“微信小程序如何實現登錄功能”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
