[发明专利]基于Html5的混合移动应用开发方法

说明书

技术领域

本发明涉及一种基于框架的移动应用开发领域，具体来说是一种基于Html5 的混合移动应用开发方法。

背景技术

随着移动互联网技术的发展以及智能移动设备的普及，移动互联网在生活 中的重要性越来越明显，移动应用程序的开发也越来越重要。目前移动应用的 开发模式主要有以下三种：①原生应用开发，即NativeApp，是目前移动设备上 应用最为广泛的App类型。它基于移动设备本地操作系统并使用原生语言编写 的第三方应用程序，可以直接调用底层的DeviceAPI，每个平台都有自己独立的 开发语言。它的优点：可以访问本地资源，支持在线与离线；用户体验好；界 面效果优质；节省网络流量且打开速度快。缺点：不可跨平台移植；开发周期 长；开发成本高且维护成本也高。②网页应用开发，即WebApp开发，基于 HTML+CSS+JavaScript等Web技术开发，运行在网络环境和浏览器上,无需安装, 能够轻松的实现跨平台。同时也能够通过浏览器调用底层的DeviceAPI。它的优 点：实现跨平台；开发周期短；访问方便，无需下载。缺点：对网络依赖严重， 受网速约束；用户体验差；对底层调用能力差。③混合应用开发，即HybirdApp， 它介于原生应用和网页应用之间，兼具NativeApp的良好用户体验的优势和Web App跨平台开发的优势，成为近年来各大企业青睐的移动应用开发模式。它的 优点：开发成本低，维护简单；用户体验较好；可以跨平台。

在目前混合移动应用开发中，Native与Web的混合程度是一直未解决的问 题。过多的原生开发会增加开发难度，失去了Web的跨平台优势，而如果将 NativeView和WebView覆盖层叠，又会大大增加开发成本与开发难度，得不偿 失；若以Web为主体，可以具有极好的跨平台性，又可以穿插Native功能，但 它却又会像WebApp一样存在严重的用户体验问题。

发明内容

[要解决的技术问题]

本发明的目的是解决上述现有技术问题，提供一种基于Html5的混合移动 应用开发方法。

[技术方案]

为了达到上述的技术效果，本发明采取以下技术方案：

本发明是基于混合移动应用开发模式，以WebView为这主体，对Html5目 前做的不完善的地方采用原生的开发方式，与用户交互少的地方用WebView加 载Html网页实现。

一种基于Html5的混合移动应用开发方法，它是以WebView为主体，对使 用Html5网页加载可能出现卡屏或白屏的地方采用原生开发，对与用户交互次 数≥15次/月的地方采用原生开发；对与用户交互次数＜15次/月的地方采用 WebView加载Html5网页实现。

根据本发明更近一步的技术方案，上述方法是由以下混合移动框架实现的：

将网页开发工具打包成网页包；将原生开发使用的原生开发工具打包成插 件包和引擎包；然后根据混合移动应用的具体情况，调整网页包和插件包的混 合比例；然后将所述网页包、插件包和引擎包放到设备的移动开发管理平台上。

根据本发明更近一步的技术方案，对所述原生开发的地方的调用方法如下：

当移动应用网页开发中需要使用原生开发工具打包的插件包时，通过调用 JS方法执行原生代码；并且当原生代码执行完成之后，通过回调机制将执行结 果同步或异步的回传给调用者。

根据本发明更近一步的技术方案，所述使用Html5网页加载可能出现卡屏 或白屏的地方包括使用Html5网页加载内存≥1M的音频或视频；所述与用户交 互次数≥15次/月的地方包括导航栏或手势密码。

根据本发明更近一步的技术方案，在批量图片的下载方面，在基于WebView 为主体的混合移动应用的网页显示中，采用预加载存储方法。

根据本发明更近一步的技术方案，所述预加载存储方法为：

批量下载图片时，首先判断本地是否已存储所需内容，如果没有相应数据 或数据过期，则加载相应的JS数据，然后存储在本地，储存好后从本地获取数 据；如果有相应数据且数据没有过期，直接从本地获取数据。