1. 本地缓存 - wx.setStorage / wx.getStorage:
// 存储数据
wx.setStorage({
key: 'key',
data: 'value',
success: function (res) {
console.log('数据存储成功');
}
});
// 获取数据
wx.getStorage({
key: 'key',
success: function (res) {
console.log(res.data); // 获取到的数据
}
});
这种方式是异步的,需要处理成功和失败的回调。小程序中的本地缓存数据是持久的,不会因小程序关闭而丢失。
2. 同步本地缓存 - wx.setStorageSync / wx.getStorageSync:
// 存储数据
wx.setStorageSync('key', 'value');
// 获取数据
var value = wx.getStorageSync('key');
console.log(value); // 获取到的数据
这是同步版本的本地缓存,可以更方便地使用,但是注意同步操作可能会阻塞页面。
3. 本地临时缓存 - wx.setStorage / wx.getStorage:
与本地缓存不同,本地临时缓存的数据在小程序关闭后会被清除。
// 存储数据
wx.setStorage({
key: 'key',
data: 'value',
success: function (res) {
console.log('数据存储成功');
}
});
// 获取数据
wx.getStorage({
key: 'key',
success: function (res) {
console.log(res.data); // 获取到的数据
}
});
4. 文件存储 - wx.saveFile / wx.getSavedFileList:
// 存储文件
wx.saveFile({
tempFilePath: 'tempFilePath',
success: function (res) {
console.log('文件存储成功', res.savedFilePath);
}
});
// 获取已保存的文件列表
wx.getSavedFileList({
success: function (res) {
console.log(res.fileList); // 获取到的文件列表
}
});
这种方式适用于存储一些大型文件。
5. 小程序云开发 - 云数据库:
小程序云开发提供了云数据库,可以方便地存储和获取数据。
// 获取数据库引用
const db = wx.cloud.database();
// 插入数据
db.collection('collection').add({
data: {
key: 'value'
},
success: function (res) {
console.log('数据插入成功', res);
}
});
// 查询数据
db.collection('collection').where({
key: 'value'
}).get({
success: function (res) {
console.log('查询结果', res.data);
}
});
小程序云开发还支持云函数、云存储等功能,可以用于实现更复杂的后端逻辑。
以上是一些微信小程序中常用的存储方式。选择存储方式时,可以根据业务需求和数据规模来决定使用哪一种方式。
转载请注明出处:http://www.zyzy.cn/article/detail/645/微信小程序