微信小程序開發(fā)-登錄處理

2023-02-22    分類: 網(wǎng)站建設(shè)

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

網(wǎng)頁題目:微信小程序開發(fā)-登錄處理
鏈接地址:http://www.muchs.cn/news38/238938.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、App設(shè)計、網(wǎng)站改版關(guān)鍵詞優(yōu)化、Google用戶體驗

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化