這篇“微信小程序怎么實(shí)現(xiàn)本地?cái)?shù)據(jù)存儲(chǔ)”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“微信小程序怎么實(shí)現(xiàn)本地?cái)?shù)據(jù)存儲(chǔ)”文章吧。

成都創(chuàng)新互聯(lián)是專業(yè)的額敏網(wǎng)站建設(shè)公司，額敏接單;提供網(wǎng)站制作、成都網(wǎng)站制作,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行額敏網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

微信小程序 本地?cái)?shù)據(jù)存儲(chǔ)實(shí)例詳解

前言

如果您在看此文章之前有過其他程序的開發(fā)經(jīng)驗(yàn)，那一定會(huì)知道一般例如安卓或者蘋果的原生APP都提供了本地的存儲(chǔ)功能，甚至可以使用sqlite數(shù)據(jù)庫來做存儲(chǔ)。可是微信的小程序框架基于微信本身，其實(shí)際運(yùn)行環(huán)境只是在瀏覽器里面，所以不會(huì)提供那么豐富的數(shù)據(jù)存儲(chǔ)實(shí)力。但html5開始已經(jīng)可以在瀏覽器里面存儲(chǔ)數(shù)據(jù)，好在微信的小程序給這個(gè)功能封裝好了，這樣我們可以使用數(shù)據(jù)存儲(chǔ)。

每個(gè)微信小程序都可以有自己的本地緩存，可以通過 wx.setStorage（wx.setStorageSync）

wx.getStorage（wx.getStorageSync）、 
wx.clearStorage（wx.clearStorageSync）

可以對(duì)本地緩存進(jìn)行設(shè)置、獲取和清理。本地緩存較大為10MB。

上面的set和get都有對(duì)應(yīng)的Sync方法，帶Sync的方法為同步方法、不帶Sync的方法為異步方法。

設(shè)置緩存都需要設(shè)置一個(gè)key和對(duì)應(yīng)的data值，我們?cè)凇段⑿舧eb開發(fā)者工具》中的調(diào)試狀態(tài)下可以點(diǎn)擊調(diào)試窗口的Storage 欄來查看我們緩存在本地的數(shù)據(jù)。

緩存可以保存數(shù)組、數(shù)值、字符串、對(duì)象。

設(shè)置緩存

提供setStorage和setStorageSync兩個(gè)接口,并且在使用設(shè)置存儲(chǔ)方法時(shí)，如果小程序的存儲(chǔ)值當(dāng)中已經(jīng)存在對(duì)應(yīng)的key的值，那么會(huì)使用新的值替換原來的值。

setSotrage接口

wx.setStorage({
 key:"key",
 data:"value",
 success:function(res){console.log(res)},
 fail:function(res){console.log(res)},
 complete:function(res){console.log(res)},
})
//Object {errMsg: "setStorage:ok"}
//Object {errMsg: "setStorage:ok"}

setStorageSync接口

因?yàn)樵摲椒橥浇涌冢灾苯釉O(shè)置key和data：

wx.setStorageSync('key', 'value')

上面兩個(gè)demo中我們都使用了字符串緩存，當(dāng)然我們也可以緩存一個(gè)對(duì)象，例如：

wx.setStorage({key:"ob",data:{name:'smallerpig',sex:1,age:18}})

獲取緩存

getSotrage接口

異步接口，所以我們可以定義幾個(gè)回調(diào):

wx.getStorage(
{
 key:'key',
 success:function(res){
  console.log(res)//Object {errMsg: "getStorage:ok", data: "value1"}
 },
 fail:function(res){console.log(res)},
 complete:function(res){console.log(res)}
})

其中，我們可以看出來，微信小程序的很多異步接口的回調(diào)都會(huì)給出三個(gè)回調(diào):success、fail、complete，在執(zhí)行成功的時(shí)候回執(zhí)行success、complete回調(diào)；在執(zhí)行失敗之后會(huì)分別執(zhí)行fail、complete回調(diào)。

getSotrageSync接口

該接口為同步接口，所以只需傳遞對(duì)應(yīng)的key值就可以了。如下列代碼：

wx.getStorageSync('ob')
//Object {name: "smallerpig", sex: 1, age: 18}

獲取當(dāng)前存儲(chǔ)總結(jié)

使用wx.getStorageInfo接口

例如下列代碼:

wx.getStorageInfo({
 success: function(res) {
 console.log(res.keys)
 console.log(res.currentSize)
 console.log(res.limitSize)
 }
//["logs", "r3session", "key"]0: "logs"1: "r3session"2: "key"]
//1
//10240
})

也可以使用同步接口wx.getStorageInfoSync。

緩存的使用

在上一篇文章中，小豬介紹了如何解密通過wx.getUserInfo接口獲取到的cryptedData數(shù)據(jù)。其中的session_key小豬是寫在flask的緩存中，緩存的鍵是寫死為:xcx_session_key。在真實(shí)環(huán)境中我們不能夠這樣寫，因?yàn)檫@樣不同的用戶獲取到的session_key是相同的，所以我們需要給不同的用戶附上不同的緩存key。把flask的緩存key返回給微信小程序，小程序中可以固定一個(gè)key值，data值保持flask后臺(tái)給到的值。

說的比較繞，這里需要讀者好好理解下。

在flask的代碼的使用code獲取session_key中，使用下列代碼：

@app.route('/user/getuserinfo', methods=['GET', 'POST'])
def getuserinfo():
 code = request.data
 url = '/tupian/20230522/jscode2session
 r = requests.get(url)
 j = json.loads(r.text)
 r3session_key = binascii.hexlify(os.urandom(64))
 cache.set(r3session_key, j['session_key'])
 return r3session_key

接下來，在wx.request的回調(diào)中把flask中返回的r3session_key保存起來：

wx.request({
 url: 'https://***.smallerpig.com/user/getuserinfo',
 data: r.code,
 method: 'POST',
 success: function(res){
 wx.setStorageSync('r3session', res.data)
 }
})

再接下來，在調(diào)用wx.getUserInfo時(shí)將返回的數(shù)據(jù)加上從微信小程序本地緩存中取到的r3session丟給flask來處理，flask根據(jù)來的r3session從本地服務(wù)器的flask緩存中取到微信的值解密cryptedData。這才是一個(gè)完整的過程。

小程序的getUserInfo代碼：

wx.getUserInfo({
 success: function (res) {
 that.globalData.userInfo = res.userInfo
 typeof cb == "function" && cb(that.globalData.userInfo)
 //將本地存儲(chǔ)中的r3session值也同樣傳遞到我的服務(wù)器，在服務(wù)器中找出微信給到我們的session_key
 var r3session = wx.getStorageSync('r3session')
 res.r3session = r3session
 wx.request({
  url: 'https://***.smallerpig.com/user/getuserunionid',
  data: res,
  success: function(res){
  // success
  console.log(res)
  },
 })
 }
})

對(duì)應(yīng)的flask代碼：

@app.route('/user/getuserunionid', methods=['GET', 'POST'])
def getuserid():
 r = json.loads(request.data)
 encryptedData = r['encryptedData']
 iv = r['iv']
 xcx_session_key = r['r3session']
 session_key = cache.get(xcx_session_key) # 從緩存中取出對(duì)應(yīng)r3session對(duì)應(yīng)的session_key
 pc = WXBizDataCrypt(appid, session_key)
 return pc.decrypt(encryptedData, iv)

以上就是關(guān)于“微信小程序怎么實(shí)現(xiàn)本地?cái)?shù)據(jù)存儲(chǔ)”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文標(biāo)題：微信小程序怎么實(shí)現(xiàn)本地?cái)?shù)據(jù)存儲(chǔ)-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://www.yijiale78.com/article44/cdpoee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、面包屑導(dǎo)航、定制開發(fā)、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站收錄、網(wǎng)站營(yíng)銷

廣告

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