微信小程序 Storage更新详解

 更新时间:2019年07月16日 10:58:49   作者:AidaHe   我要评论

这篇文章主要介绍了微信小程序 Storage更新详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

前言

1、近期项目开发中接触到微信小程序,其中有部分业务需要用到数据本地存储,而微信的官方文档中并没用提供直接更新Storage的API。

2、通过wx.setStorage(Object object)可以达到覆盖原有数据达到更新的目的,但是在只修改某个对象中某个属性的值中使用这个API总感觉有点蹩脚。

3、下面笔者简单封装了一个方法用来修改Storage,若是有人知道更好的方法或者我的写法有问题还望不吝赐教。

问题描述

小程序首次登录时需要输入账号密码,首次登录成功后将账号与token保存本地。下次启动小程序验证token是否过期,未过期直接登录,若过期则重新获取token并修改之前保存本地token

常规写法

原有Storage

1、根据key"loginSetting"取出所有登录信息

2、获取新的token构建新的“loginSetting”

3、调用setStorage(Object object)保存

封装更新API

/**
 * 更新本地缓存数据
 * key: 本地缓存中指定的 key
 * newData: 需要更新的内容
 * 
 */
const updateStorageInfo = param => {
  var key = param.key
  var newData = param.newData
  var tempData = {}
  wx.getStorage({
    key: key,
    success(res) {
      var storage = res.data
      for (var prop in storage) {
        for (var pr in newData) {
          if (prop == pr) {
            storage[prop] = newData[pr]
          }
        }
      }
      tempData = storage
      wx.setStorage({
        key: key,
        data: tempData,
        success(res) {
          param.success(res)
        },
        fail(res) {
          param.fail(res)
        }
      })
    },
    fail(res) {
      param.fail(res)
    },
    complete(res) {
      param.complete(res)
    }
  })

}

使用updateStorageInfo API

  var data = {
    token: that.randomWord(false, 32)
  }
  util.updateStorageInfo({
    key: "loginSetting",
    newData: data,
    success(res) {
      console.log(res)
    },
    fail(res) {
      console.log(res)
    },
    complete(res) {
      console.log(res)
    }
  })

使用详解

1、原有loginSetting对象中有account,token属性,如果只需更改token属性。则只需构建需要更改内容的json对象,与更改的key。需要更改哪些数据则构建相应json即可。

2、如果更改了一个不存在的key则会进入fail callback

实现原理

1、实现思路还是需要根据key将整个对象取出,构建新对象再保存一次。之前相当于你要修改一个对象中的一个值,需要提供这个对象的标识,然后根据这个标识在本地存储中找到这个对象,接着把你需要改变的值与前面找到的数据进行合并,再保存。

2、根据key去本地查找对象与就对象和新对象匹配的逻辑类似,这也正是我们可以偷懒的地方。

源码下载

源码地址:https://github.com/SingletonH/Storage.git

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持澳门金沙网上娱乐。

相关文章

  • Kotlin学习第一步 kotlin语法特性

    Kotlin学习第一步 kotlin语法特性

    Kotlin学习第一步,从kotlin语法特性开始学习,包括变量定义、函数扩展、Parcelable序列化、编写工具类等,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • javascript修改图片src的方法

    javascript修改图片src的方法

    这篇文章主要介绍了javascript修改图片src的方法,通过简单的图片src获取与赋值来实现修改src的功能,需要的朋友可以参考下
    2015-01-01
  • js replace()去除代码中空格的实例

    js replace()去除代码中空格的实例

    下面小编就为大家带来一篇js replace()去除代码中空格的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Bootstrap3学习笔记(三)之表格

    Bootstrap3学习笔记(三)之表格

    这篇文章主要介绍了Bootstrap3学习笔记(三)之表格的相关资料,需要的朋友可以参考下
    2016-05-05
  • 实例解析ES6 Proxy使用场景介绍

    实例解析ES6 Proxy使用场景介绍

    本篇文章主要介绍了ES6 Proxy使用场景介绍,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • javascript 贪吃蛇实现代码

    javascript 贪吃蛇实现代码

    最近在学Javascript,花了半个月的时间终于把《Javascript权威指南》(推荐此书,入门级) 扫完。 在学习的过程中发现使用JS实现动态效果挺有趣的。
    2008-11-11
  • JS脚本实现网页自动秒杀点击

    JS脚本实现网页自动秒杀点击

    本篇文章主要教给大家如何用JS写一些商城中秒杀等自动点击功能,有这方面需要的朋友赶快学习下思路吧。
    2018-01-01
  • javascript结合CSS实现苹果开关按钮特效

    javascript结合CSS实现苹果开关按钮特效

    这篇文章主要介绍了javascript结合CSS实现苹果开关按钮特效的方法以及全部代码,效果非常不错,兼容性也很好,有需要的小伙伴自己参考下
    2015-04-04
  • JS查找英文文章中出现频率最高的单词

    JS查找英文文章中出现频率最高的单词

    这篇文章主要为大家详细介绍了JS查找英文文章中出现频率最高的单词,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • js实现分割上传大文件

    js实现分割上传大文件

    这篇文章主要为大家详细介绍了js实现分割上传大文件的相关资料,需要的朋友可以参考下
    2016-03-03

最新评论