说明

  • value目前只支持字符串类型

    1. Storage JSAPI简介

    Storage JSAPI是一个轻量级数据存储接口,特别适用于存储应用的各项数据。
    例如在天气应用中,在某一次使用时用户添加了若干个城市,当用户下一次点开时也希望之前设置的城市会保存在应用中,以方便直接获取信息。又如在屏保设置选项里,用户设置了打开屏保,当设备下次开机时也需要记住用户的选项,将屏保打开。这时就需要借助于Storage JSAPI,利用它来存储一些键值对(Key-Value)参数。

Storage JSAPI的作用域为当前小程序应用,包含的接口如下:

接口宿主 JSAPI 调用方法 接口功能
storage setStorage $falcon.jsapi.storage.setStorage({key: ‘key’, data: ‘data’}) 数据存储
getStorage $falcon.jsapi.storage.getStorage({key: ‘key’})
removeStorage $falcon.jsapi.storage.removeStorage({key: ‘key’})
clearStorage $falcon.jsapi.storage.clearStorage()

1.1 setStorage

保存key-value数据
入参
Object 类型,属性如下:

属性 类型 必填 描述
key String 缓存数据的 key。
data String 缓存数据的 value。
callback Function 回调函数,包含result参数。

示例代码

  1. // 异步方法
  2. const storage = $falcon.jsapi.storage;
  3. storage.setStorage({
  4. key: 'key', // key
  5. data: 'storage content', // value
  6. }, result => {result && !result.error && console.log('save success: ', result);});
  7. // 同步方法
  8. const storage = $falcon.jsapi.storage;
  9. let result = await storage.setStorage({
  10. key: 'key', // key
  11. data: 'storage content', // value
  12. });
  13. result && !result.error && console.log('save success: ', result);

success 回调函数

属性 类型 描述
key String 缓存数据的 key。
data String 缓存数据的 value。

1.2 getStorage

读取key-value数据
入参
Object 类型,属性如下:

属性 类型 必填 描述
key String 缓存数据的 key。
callback Function 回调函数,包含result参数。

示例代码

  1. const storage = $falcon.jsapi.storage;
  2. storage.getStorage({
  3. key: 'key' // key
  4. }, result => {
  5. result && !result.error && console.log('dialog clicked ', result);
  6. });

success 回调函数

属性 类型 描述
data String key 对应的内容。

1.3 removeStorage

删除当前小程序指定key所对应的value数据
入参
Object 类型,属性如下:

属性 类型 必填 描述
key String 缓存数据的 key。
callback Function 回调函数,包含result参数。

示例代码

  1. const storage = $falcon.jsapi.storage;
  2. storage.removeStorage({
  3. key: 'key' // key
  4. }, result => {result && !result.error && console.log('dialog clicked ', result);});

success 回调函数

属性 类型 描述
key String 缓存数据的 key。

1.4 clearStorage

清空当前小程序所有的key-value数据
入参
Object 类型,属性如下:

属性 类型 必填 描述
appId String 小程序的 appId。
callback Function 回调函数,包含result参数。

示例代码

const storage = $falcon.jsapi.storage;
storage.clearStorage({
}, result => {result && !result.error && console.log('dialog clicked ', result);});

success 回调函数

属性 类型 描述
appId String 被清空数据的小程序的 id。

1.5 getStorageInfo

获取当前小程序所有的key数据,将返回所有通过setStorage接口存储的key数据
入参
Object 类型,属性如下:

属性 类型 必填 描述
appId String 小程序的 appId。
callback Function 回调函数,包含result参数。

示例代码

const storage = $falcon.jsapi.storage;
storage.getStorageInfo({
}, result => {result && !result.error && console.log('dialog clicked ', result);});

success 回调函数

属性 类型 描述
keys String Array 当前 storage 中所有的 key。
currentSize Number 当前占用的空间大小, 单位为 KB。
limitSize Number 限制的空间大小,单位为 KB。

2. Storage JSAPI使用教程

2.1 storage对象获取

在使用Storage JSAPI前,需要先获取$falcon.jsapi的storage对象,所有的接口都是通过storage对象进行调用的。

const storage = $falcon.jsapi.storage;

2.2 数据存储

数据存储操作需要通过步骤1获取的storage对象来进行,具体可通过storage.setStorage来实现键值对参数的存储,可存储的数据类型有Bool、Float、Int、Long、String五种。

数据类型/数据操作 写入操作
Bool 支持
Float 支持
Int 支持
Long 支持
String 支持

在进行数据存储时,有两种方式,一种是同步存储,另一种是异步存储。同步存储直接返回存储结果,通过await返回存储结果,异步存储需要在async函数中操作。

接口名/参数列表 入参1 入参2
setStorage key: ‘key’ data: ‘storage content’

异步存储方式:

// async
const storage = $falcon.jsapi.storage;
storage.setStorage({
  key: 'key',               // key
  data: 'storage content',  // value
}, result => {});

同步存储方式:

// sync
const storage = $falcon.jsapi.storage;
let result = await storage.setStorage({
  key: 'key',               // key
  data: 'storage content',  // value
});
console.log(result);

2.3 数据读取

数据读取操作也需要通过步骤1获取的storage对象来进行,具体可通过storage.getStorage来实现键值对参数的读取,可读取的数据类型有Bool、Float、Int、Long、String五种。

数据类型/数据操作 读取操作
Bool 支持
Float 支持
Int 支持
Long 支持
String 支持

在进行数据读取时,也有两种方式,一种是同步读取,另一种是异步读取。同步读取直接返回读取结果,通过await返回读取结果,异步读取需要在async函数中操作。

接口名/参数列表 入参1
getStorage key: ‘key’

异步读取方式:

// async
const storage = $falcon.jsapi.storage;
storage.getStorage({
  key: 'key'    // key
}, result => {
  result && !result.error && console.log('dialog clicked ', result);
});

同步读取方式:

// sync
const storage = $falcon.jsapi.storage;
let result = await storage.getStorage({
  key: 'key',    // key
});
console.log(result);

3. Storage JSAPI调用示例

本节将以屏保设置选项为示例,介绍如何去调用Storage JSAPI。屏保设置选项是指用户是否设置了开启屏保,用户在设置了屏保选项后,设备在下次开机后,应保持用户的设置,根据用户的设置默认将屏保打开或关闭。用户设置了屏保开关的选项后,这个设置参数就可以通过Storage JSAPI存储到磁盘中,下次设备开机就会主动去读取该选项,这样就做到了用户设置的持久化。
image.pngimage.png
屏保设置选项

3.1 屏保设置页面开发

首先需要开发屏保设置页面,