找回密码
 立即注册

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

[复制链接]
发表于 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、音视频等静态文件!
回复

使用道具 举报

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

本版积分规则

QQ|Archiver|手机版|小黑屋|一门开发者社区 ( 蜀ICP备17005078号-4 )

GMT+8, 2025-4-2 11:07 , Processed in 0.034085 second(s), 25 queries .

Powered by Discuz! X3.5

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表