uniapp离线使用
uniapp离线使用的方法
uniapp支持离线使用，可以通过以下方式实现：
配置manifest.json文件 在项目的manifest.json文件中，找到"app-plus"或"h5"节点，添加"offline"相关配置。例如：
"h5": {
"offline": {
"enabled": true,
"cache": {
"strategy": "all",
"maxAge": 86400
}
}
}使用Service Worker 在src目录下创建sw.js文件，注册Service Worker实现离线缓存：
self.addEventListener('install', event => {
event.waitUntil(
caches.open('my-cache').then(cache => {
return cache.addAll([
'/',
'/index.html',
'/static/js/app.js',
'/static/css/app.css'
]);
})
);
});本地存储数据 使用uni.setStorageSync和uni.getStorageSync实现数据离线存储：
// 存储数据
uni.setStorageSync('key', 'value');
// 获取数据
let data = uni.getStorageSync('key');打包为原生应用 通过HBuilderX将项目打包为原生应用（Android/iOS），安装后即可完全离线运行。在manifest.json中配置"app-plus"节点的"packages"选项：
"app-plus": {
"packages": {
"android": {},
"ios": {}
}
}使用SQLite数据库 对于复杂数据存储需求，可以使用uni-app的SQLite插件：
const db = plus.sqlite.openDatabase({
name: 'myDB',
path: '_doc/myDB.db'
});注意事项
- 离线模式下需要处理网络状态变化，可以使用uni.onNetworkStatusChange监听网络状态
- 定期清理过期的缓存数据
- 重要数据应考虑实现本地和云端同步机制
- 测试时注意清除浏览器缓存，避免干扰测试结果
