整体初步介绍

未命名文件 (6).png

整体流程介绍

基础架构团队持续集成&交付平台介绍.png 未命名文件 (7).png

app集成H5（复杂蓝屏，拉顿，UI异常） ---- 移动端优化WKWebView后 （解决之前的问题）-----App集成H5小程序（使App更加多样性，加入更多的开源工作者） ---- App+ SDK+平台 （方便第三方集成）

web移动端的优化 达到h5秒开效果。

傲空间为原生加h5混编的开发模式。在此基础上我们设计了相关功能，如应用商店，开发者选项，意见反馈等用到了大量的h5页面。 关于h5在原生显示上面会有蓝屏，白屏，卡顿种现象。怎么解决h5的页面的用户体验，是原生混合开发的一个优化课题。目前使用预加载方法。

image.png

版本

把h5资源包下到本地
app启动的时候下载离线包，

H5资源预加载.png

预加载方法 ：

应用商店的通讯录为例，再点打开的时候，现检测本地是否存在，如果不存在，就下载到本地，然后打开本地资源，包括H5，资源，CSS，JS等文件。如果存在，则直接打开本地资源。

优化1：

通过运营平台，在app启动的时候，检查运营平台是否有新的H5资源版本，如果有，则更新本地的包。在所有h5打开时，则优先使用本地资源，资源在沙盒中名称以md5命名，在APP内部进行url拦截，优先加载本地资源。

优化2:

1. 全局WebView:

在傲空间刚启动的时候，单例创建一个WebView，提前初期化。减少预加载时间。