uniapp 電商app設置緩存存儲時間插件使用步驟

simple-Cache 讓緩存指定時間範圍內有效的插件

simple-Cache 封裝一款可以讓緩存指定時間範圍內有效的插件，支持vue、nvue
simple-Cache 讓緩存指定時間範圍內有效的插件

第一步：下載插件

第二步：解壓後導入HbuilderX中

第三步：如果導入到現有的項目中，則需要對以下文件分別進行操作

注意引用文件時，文件路徑的問題

App.vue文件

// nvue掛載到app.vue 然後 getApp().globalData.simpleCache 調用 非常好
//**導入到App.vue文件中**
import simpleCache from "./library/Simple-Cache.js"
export default {
//**添加到globalData全局數據中，這樣其他所有的頁面都是可以直接調用的**
    globalData:{
        simpleCache:simpleCache
    },
    onLaunch: function() {
        console.log('App Launch')
    },
    onShow: function() {
        console.log('App Show')
    },
    onHide: function() {
        console.log('App Hide')
    }
}

main.js文件

// 掛載到main.js
import simpleCache from "@/library/Simple-Cache.js"
Vue.prototype.$simpleCache = simpleCache
// 通過  this.simpleCache 調用

home.vue文件

因爲我是home.vue就是我的首頁，所以我需要頁面一加載的時候，就開始調用simpleCache這個插件

// nvue使用如下方法調用
 var simpleCache = getApp().globalData.simpleCache; // 返回的是object

 // 如果你是vue則使用如下方法調用
 var vue_simpleCache = this.$simpleCache
 /*simpleCache = {
     put...get...remove...clear
 }*/
 // 設置緩存 不設置時間
 simpleCache.put("user_info",{
     nick:'aaa',
     user_id:111
 });
 // 獲取緩存
 console.log( simpleCache.get('user_info') )

 // 設置緩存 且設置時間
 simpleCache.put("banner","nihaoao",3600);
 console.log( simpleCache.get('banner') )

我的使用方法如下
在onLoad(){}函數中執行以下的操作：

//獲取全局的simpleCache
var simpleCache = getApp().globalData.simpleCache;
//這個是測試掛載後的數據
console.log("掛載到App.vue",getApp().globalData.simpleCache);
//通過put方法存儲緩存，後面的時間是以秒爲單位的。
simpleCache.put(
"banner","111111",24*60
)
console.log( simpleCache.get('banner') )


//到期後，獲取這個key對應的緩存結果爲false
setTimeout(()=>{
	console.log( simpleCache.get('banner') ) //到期後，獲取緩存值爲false
},2000)

如果獲取到的緩存結果爲false，說明是到期了。

使用這個插件的原因

因爲項目需要app在加載的時候，需要以天爲單位進行判斷，如果有新版本，則提示更新，更新後，再次進行以天爲單位的檢測。
我考慮的解決辦法就是：
App.vue加載時進行判斷是否有這個時間緩存，如果爲false，則代表已經一天了，可以進行版本檢測了，版本檢測完成後，無論用戶選擇了更新還是取消更新，都要進行新一輪的存儲緩存，然後循環。