基于Web技术进行移动应用开发和中间件的研究

赵文艳 唐山市职业教育中心

前言

本文所讨论的正是通过中间件的技术支撑，通过Web对移动端的应用进行开发，并能在不同平台稳定运行。随着互联网技术的发展，人们把更多的精力都用在了移动端应用的研发上，到底使用什么技术来对应用进行开发是一个必须要思考的问题。就本文而言，我们选用了Web技术，因此我们应该先对Hybrid App进行理解。Web App是通过访问浏览器，下载全部的Web App而交互。近些年随着HTML5的崛起，其表现能力提升了很多，同时缓存功能的加入促成了Web App的存在性。但需要指出的是，Web App必须在浏览器中运行，所以对网速非常依赖，这就造成客户对其的体验感不够，这些问题都有待于进一步解决。相比于成本，大企业一般更在乎应用的性能，所以一般会选择Native App，也就是原生应用的开发。这种类型的App需要对各种系统平台进行开发，才能在最大程度上保持对客户的覆盖，但这种方式确实会大大提高成本预算。在这种背景下，Hybrid App就成为了大部分公司所选择的技术方案。本文对Hybrid App的实现原理进行了简述。

1 使用中间件的技术完成Hybrid App

当前，发展的速度决定了应用开发的成本和效率都需要有更好的控制。HTML5因为具有成本低和效率高的特点，可以使应用中间件技术的Hybrid App得到广泛关注。想要开发Hybrid App模式，我们需要先弄清Native层和Web层的功能分别是什么。前者主要用来提供宿主而后者则可根据实际需要完成业务功能。二者的交互则是使用JS法相互调用。此外，我们还需要注意两个问题，一个是如何储存资源，一个是如何避免白屏。文本和文件的储存都可以通过HTML5实现，但有时会有一些延时的情况出现。使用HTML5，会因为其性能的原因带来出现白屏的可能性，这一般可以通过预加载的方法来解决。预加载是在用户使用移动设备的空闲期出现已经加载完的页面，这样就能使渲染预先完成，当用户进行点击的时候，预加载画面直接显示，从而去除了渲染的时间，这样就可以避免发生白屏的情况。

2 移动设备端GMF运动应用的设计

对GMF运动应用进行可以适用于包括ios和Android各种终端产品的设计，使其实现各种实用功能，包括定位、缓存、支付等等。这款产品在各方面比较完备，因此对Native的要求很高，对终端设备的性能也有一定的要求。如前文所述，可以使用Hybrid App的中间件技术来实现这个产品，因为这样可以更好地控制成本和开发时间。Web技术可以实现使用同一套代码，这既能解决各种不同终端设备的匹配问题，也可以缩短产品开发的周期。根据各种中间件优劣性的对比，最后选择了HTML5对其进行开发。首先，在加载文档的时候，需要以一定的顺序进行加载。其次，需要确定界面的加载方式和如何构建架构。在基于Web技术的App中，界面的加载和架构的搭建是非常重要的两项工作。开发者得使用HTML5对API进行封装，以实现Webview界面的加载，进而提升其性能。至于搭建页面的问题，我们可以根据上下拉刷新或者文件目录结构两种方式来进行构建。通常情况下，应用界面的首页都会有导航栏，这可以使用div切换进行构建，其速度也会同时提高。具体到GMF运动应用，其首页可以包括导航栏和页头，详细内容可按导航栏菜单来建立与其对应的子窗口。至于刷新页，基本都是用DIV技术模拟出下拉后回弹的效果。再次就是嵌入第三方的SDK。大部分的SDK都集成在API中，在API封装完毕之后，只要将其根据适当流程调用即可。最后就是打包分发和优化。对于打包和分发的问题，可以在manifest.JSon中将全部信息填好，然后对Appid、启动图标、加载模块等进行配置，就可以将其一键上传到云端服务器，然后即可打包。打包结束后，就可以得到一个安装包，可根据需要将其上传到Apple Store等各个平台的分发渠道来完成分发。HTML5在体验方面一直都存在一些问题，在ios系统中的表现还能相对较好，但在Android系统中，尤其是在一些低端设备中，则有卡顿等情况的出现。因此还需要对其进行一定程度的优化，使用户拥有更好的体验。

3 结语

综上所述，简单分析了以Web相关技术进行的Hybrid移动端应用的中间件技术，以HTML5作为架构开发应用的细节，使GMF运动应用得以实现。这种开发可以降低成本，但其也不可避免的有一些局限性。虽然如此，但是对于大多数开发者来说，如果他们想占领市场，那么使用这种中间件技术的Hydrid还是一个非常不错的选择。我们也有理由相信随着Web相关技术的不断优化，这样的应用和产品必然会有更加广阔的未来。