将网站CSS和JS以及静态资源图片,缓存到APK安装包本地

[复制链接]
隔壁老王Lv.8 显示全部楼层 发表于 2021-12-8 16:39:11 |阅读模式 打印 上一主题 下一主题
苹果上架
将网站CSS和JS以及静态资源图片,缓存到APK安装包本地

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

1.登录一门app开发者中心,点击对应的APP进入配置界面
QQ截图20211208163051.jpg
目前一门支持3种打包模式,这里需要用到第三方混合打包模式!


2.上传静态资源到一门
在页面第二种打包模式,点击右侧的 在线开发-管理项目文件
QQ截图20211208163245.jpg
点击 在线开发-管理项目文件 进入在线编辑器
QQ截图20211208163354.jpg
将我们的静态资源压缩包ZIP格式上传
QQ截图20211208163449.jpg
静态资源上传之后,我们就可以获得到静态资源在本地的路径地址!


3.在网站里面使用APK本地安装包的路径地址
  1. 混合打包,将 HTML 网页资源封装到安装包内,本地引用速度更快,无需网络;
  2. • 本地资源引用路径为 fs://www/*  (星号 * 为 www 目录下的相对路径);
复制代码
我们在任意网页上直接使用 fs://www/
即可访问安装包内的本地静态资源文件

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

同理,我们可以替换任意的JS、CSS、img、音视频等静态文件!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

一门APP打包致力于H5混合APP基础框架领域的前沿探索,专注轻便的移动应用解决方案 提供基于HTML前端页面在各种应用层级的端延展。
  • 官方手机版

  • 微信公众号

  • 微信客服

  • Powered by Discuz! X3.4 | Copyright © 2001-2020, 一门APP. | 一门APP开发平台|热门标签
  • 蜀ICP备17005078号-4 | 川公网安备 51019002001185号 | |成都七扇门科技有限公司