一、微信小程序的一個重要需求就是獲取用戶會員管理,包括獲取用戶信息,用戶的登錄與注冊的功能,在平常的網頁開發(fā)過程序我們沒有過多地關注通信與登錄保持問題,一般是用戶登錄后用session來保持登錄,但在小程序中存在一個中間的轉發(fā)微信服務器,所以開發(fā)過程程中稍有不同。
首先要講的就是登錄保持問題,用戶訪問后的session是以session_id來區(qū)分的,所以要訪問的頭部中加入PHPSESSION的session_id 的標識符進行傳遞,可以重新封裝request請求函數,當然還有post等方法可以自行封裝。
function get_session_key(ur1,success,fail) {
var session_id = wx. getstorageSync('PHPSESSID');//本地取存儲的sessionID
if (session_id != '' && session_id != null) {
var header = { 'content - type':'application/-ww-form-urlencoded', 'Cookie': 'PHPSESSID='+ session_id }
} else {
var header = {'content -type':'application/x-wwu-form-urlencoded' }
}
wx.request({
url: url,
header: header,
success: function (res) {
success(res);
},
fail: function (res) {
fail(res);
},
})
}
二、在使用小程序的官方登錄接口進行操作,在登錄的時候返回記錄的session值保存在本地數據中。
wx.login({
success: function (res) {
var code = res['code'];
console.log('code:'+ code)
//12. 小程序調用wx. getuserInfo得到rawData, signatrue, encryptData.
wx. getuserInfo({
success: function (info) {
//console. .1og(info);
var rawData = info['rawData'];
var signature = info['signature'];
var encryptData = info['encryptData'];
var encryptedData=info['encryptedData']; //注意是encryptedData不是encryptData.
var iv = info['iv'];
//3.小程序調用server獲取token接口,傳入code, rawData, signature, encryptData.
console.log(info['userInfo'])
var request_member_weixin_url = util.getApiurl(app,"/Member/weixin_api",'')
console.log(request_member_weixin_url);
wx.request({
ur1: request_member_weixin_url,
data: {
"code": code,
"rawData": rawData,
"signature": signature,
"encryptData": encryptData,
'iv': iv,
'encryptedData' : encryptedData,
'userInfo': info['userInfo']
},
success: function(res2) {
console.log('微信登錄:'+ res2.statuscode);
if (res2. statusCode != 200) {
wx.showModal({
title: "登錄失敗"
});
}
}
})
//存入本地
wx.setstorageSync('PHPSESSID', res2.data.session_id)
//將thirdSessionId放入小程序緩存
wx.setStorageSync('session3rd',res2.data.session3rd)
在服務端就是一系列的驗證了,包括用戶信息解密等功能。
如果直接就這樣做登錄應用,還是會存在問題的,會面臨以下幾個問題:
一是當用戶點擊拒絕授權獲取用戶信息后,用戶將無法再次使用必須有登錄才能使用的功能,這樣肯定是不好的,所以還要檢測當用戶沒有登錄時候要重新拉起授權同意讓用戶同意。
使用wx.openSetting({})來操作。
二是當網絡處理相對比較慢時,用戶不知道已經登錄,再去點其他需要會員登錄的頁面的時會出現問題,所以在獲取頁面的會員登錄請求時彈出登錄中的loding的界面讓用戶知道程序正在登錄中,登錄完成后關閉loding。wx.showLoading({title: '登錄中'}) wx.hideLoading()
三是當用戶長時間掛起一個頁面時,會導致服務器的session過期而本地存儲的sessionid不存在,這樣用這個sessionid去獲取信息的時候就會出錯,所以還要加一層判斷操作。頁面加載的時候去檢測用戶的session值還是否有效,如果有效不操作,失效則再次去執(zhí)行登錄操作。onload和onshow都去執(zhí)行檢測用戶登錄session是否有效。
當要獲取小程序用戶登陸的id里,l因為小程序登錄是異步的,不能同步獲取當前用戶id,要使用定時工具去不斷地輪詢看是否已經登錄完成通過session_id來去獲取當前用戶的id
//獲取用戶id
common.get_memberid(that)
get_memberid = setInterval(function () {
if (that.data.uid!=0) {
clearInterval(get_memberid)
}else{
common.get_memberid(that)
}
}, 500)
如沒特殊注明,文章均為方維網絡原創(chuàng),轉載請注明來自http://pdcharm.com/news/5959.html