一门APP开发教程

标题: 将网站CSS和JS以及静态资源图片，缓存到APK安装包本地 [打印本页]

作者: 隔壁老王 时间: 2021-12-8 16:39
标题: 将网站CSS和JS以及静态资源图片，缓存到APK安装包本地
将网站CSS和JS以及静态资源图片，缓存到APK安装包本地

静态资源更新少，改动少，但是每次网页都需要加载
将JS，CSS，IMG，甚至音视频等静态资源直接缓存到安装包APK内，可以明显提升APP的加载速度！
降低对网络资源的消耗！

1.登录一门APP开发者中心，点击对应的APP进入配置界面
(, 下载次数: 130)
目前一门支持3种打包模式，这里需要用到第三方混合打包模式！

2.上传静态资源到一门
在页面第二种打包模式，点击右侧的 在线开发-管理项目文件
(, 下载次数: 130)
点击在线开发-管理项目文件进入在线编辑器
(, 下载次数: 137)
将我们的静态资源压缩包ZIP格式上传
(, 下载次数: 122)
静态资源上传之后，我们就可以获得到静态资源在本地的路径地址！

3.在网站里面使用APK本地安装包的路径地址

混合打包，将 HTML 网页资源封装到安装包内，本地引用速度更快，无需网络；
• 本地资源引用路径为 fs://www/* (星号 * 为 www 目录下的相对路径)；

复制代码

我们在任意网页上直接使用 fs://www/
即可访问安装包内的本地静态资源文件

比如我们这里的APK的本地JS路径为：./js/jsbridge-mini.js
那么我们在网页里面就可以通过：fs://www/js/jsbridge-mini.js 的格式来访问我们的本地JS

同理，我们可以替换任意的JS、CSS、img、音视频等静态文件！

欢迎光临一门APP开发教程 (https://bbs.yimenapp.com/)