[发明专利]一种移动APP开发的架构方法及系统

说明书

技术领域

本发明属于移动APP的技术领域，具体地涉及一种移动APP开发的架构方法及系统。

背景技术

移动APP一般会安装到android、ios、windows等设备，若要做到对android、ios、windows等设备全兼容，开发成本极高；再由于watch、phone、pad等多机型的存在，适配成本也很高；版本迭代时所有APP都要升级，升级成本极其高昂。

目前，业内也有APP混合Web的架构，但只是将部分的UI(User Interface,用户界面)工作由Web方式实现，并且不兼容Web的离线模式。

发明内容

本发明的技术解决问题是：克服现有技术的不足，提供一种移动APP开发的架构方法，其能够适用android、ios、windows等设备，自适应watch、phone、pad等各种机型，UI功能升级时，不需要升级整个APP，极大简化了APP开发，将全部的UI工作都由Web方式实现，并兼容Web的离线模式。

本发明的技术解决方案是：这种移动APP开发的架构方法，将APP的所有功能分为UI与本地服务两部分，二者之间进行全双工异步通讯；包括以下步骤：

(a)所有UI全部由HTML5技术绘制，部署至公网成为一个Web站点，APP内嵌Web浏览器访问Web站点，渲染出UI供用户操作；

(b)各种非UI功能由APP提供API实现。

本发明通过所有UI全部由HTML5技术绘制，部署至公网成为一个Web站点，APP内嵌Web浏览器访问Web站点，渲染出UI供用户操作，各种非UI功能由APP提供API实现，从而能够适用android、ios、windows等设备，自适应watch、phone、pad等各种机型，UI功能升级时，不需要升级整个APP，极大简化了APP开发，将全部的UI工作都由Web方式实现，并兼容Web的离线模式。

还提供了采用这种方法的系统，其包括:

UI模块，其配置来所有UI全部由HTML5技术绘制，部署至公网成为一个Web站点，APP内嵌Web浏览器访问Web站点，渲染出UI供用户操作；

本地服务模块，其各种非UI功能由APP提供API实现；

UI模块与本地服务模块之间进行全双工异步通讯。

附图说明

图1示出了根据本发明的移动APP开发的架构方法的流程图。

图2示出了采用本发明的移动APP开发的架构方法的架构图。

具体实施方式

如图1所示，这种移动APP开发的架构方法，将APP的所有功能分为UI与本地服务两部分，二者之间进行全双工异步通讯；包括以下步骤：

(a)所有UI全部由HTML5技术绘制，部署至公网成为一个Web站点，APP内嵌Web浏览器访问Web站点，渲染出UI供用户操作；

(b)各种非UI功能由APP提供API实现。

本发明通过所有UI全部由HTML5技术绘制，部署至公网成为一个Web站点，APP内嵌Web浏览器访问Web站点，渲染出UI供用户操作，各种非UI功能由APP提供API实现，从而能够适用android、ios、windows等设备，自适应watch、phone、pad等各种机型，UI功能升级时，不需要升级整个APP，极大简化了APP开发，将全部的UI工作都由Web方式实现，并兼容Web的离线模式。

另外，所述步骤(a)包括以下分步骤：

(a1)当APP联网时，直接访问在线Web站点；

(a2)当APP断网时，访问Web站点在APP本地的缓存。

另外，所述非UI功能包括：访问后台服务、访问本地数据库、文件下载/压缩/解压缩、拍照、记录日志。

另外，该方法根据业务需要，按照屏幕的宽度划分自适应空间；根据自适应空间的不同，动态调整UI基础字体和宽度标尺，达到自适应目标。

另外，所述步骤(a)中UI动态升级包括以下分步骤：

(a11)创建manifest文件，指定所有需要缓存的资源；

(a12)当需要更新时，变更manifest文件中指定的版本号；

(a13)刷新UI。

另外，所述步骤(a13)包括以下分步骤：

(a131)判断Web站点的参数updateready，如果为true，执行步骤

(a132)，否则执行步骤(a131)；

(a132)清空本地缓存；