H5技术在移动客户端中的应用

阚钿玉 广东南方职业学院信息与计算机学院

一、移动客户端WEB开发概述

当前应用于移动客户端的WEB开发方式主要有三种，分别为H5开发技术、原生开发方式以及混合型的开发方式。目前主流的开发技术为Native开发技术，因为作为原生开发技术的Native开发方式已经较为成熟。企业为了避免研发风险，大多都会采用这种开发方式来进行移动端的开发。但是其弊端在于需要投入大量的人力物力。例如在Android平台上进行Web App的研发时，需要调用多个研发团队来进行合作开发。因为涉及到Android平台的问题，便需要Android开发团队与其合作研发，相应的如果把平台改换为iOS，则需要调用iOS的开发团队来帮助研发。而企业在研发一个Web应用时，需要考虑到用户使用的不同平台，如果放弃任何一个平台，则代表放弃了使用此平台的大量客户。因此企业一旦决定启动某个项目的开发，则必须同时开发两个平台版本的Web App，这就需要多个团队相互合作来完成应用的研发，但这极大的浪费了人力资源。而目前已经出现的混合技术开发模式，则为企业的技术研发提供了新的思路。比如国外公司在开发Web过程中就相应的引入SDK的技术，这项技术可以使JS和H5技术进行联合开发。目前很多的应用开发场景都会应用到混合开发形式，这种模式将三者的技术优势融合起来，所搭建的应用结构具有很强的综合性能。但是三者也都有其各自的特点。H5开发技术其长处在于网页的研发，在应用过程中，它也主要负责网页语言研发部分。原生开发技术对于开发原生语言部分，具有很强的优势，它能够提供给用户更好的使用体验。总的来说，不同的项目开发场景，需要用到不同的开发技术模式，因此这里很难说哪种技术是最好的，只有最适合的才是最好的。因此企业在开发应用的过程中，应该深思熟虑，找到最适合项目的开发手段，才能获得高效、经济的开发方案。

二、H5技术在移动客户端的应用分析

1. H5在移动客户端开发中升级的cookie技术

为了更加方便快速的进行应用开发设计，首先就要对H5的优势进行一个深入的了解和探究。首先说H5的WEB API技术，它的API技术其实可以看成是Cookie的升级版本。但是H5的cookie存储数据量将不会受到限，因此能够通过更进一步的方式来把数据写进本地浏览器的ROM，当浏览器被关闭后，数据仍然会被保留下来，这样在之后打开浏览器时，数据便能够恢复，无需进行重复网络请求，这样就可以减少流量的使用。在H5技术中，引入WEB Storage这个功能。它是H5中非常重要的一个功能组成，它能够使得浏览器在本地存储浏览网页所需要的缓存，这相当于以前H4技术里面的cookie的作用，H5的Storage要比旧版本H4中cookie 的作用更加具有优势。因为H4 里面的cookie的存储容量，最大支持为4K。但是如果使用H5技术的话，那么本地的存储容量基本能够达到在5M，这就很大程度上加大了存储数据的能力。

2. 绘图功能的增强

在以往的Web功能中，是没有绘图功能的。一方面是由于PC端对网页绘图并不是特别的需要，另一方面则是研究开发的技术壁垒所造成的。但是对于移动端来说，绘图功能是非常必须的，这是移动端的特点所决定的。另一方面通过增强绘图功能，可以使得网页图标美化，让用户可以拥有更好的浏览体验。因此对于目前的移动端Web开发而言，绘图功能是必要的。在H5开发技术中，便提供了图片操作的相关技术支持。Canvas的API是H5中用来支持在Web中进行图片方面操作的。它的主要功能包括旋转、移动以及图片缩放等一些比较常规的功能，但同时也加入了对于3D方面的技术支持。

3. GPS定位功能的应用

在移动客户端中定位功能是必不可少的。例如，某些电商为用户提供的线下门店的消费导航技术。在其客户端应用中，H5技术可以根据消费者的位置来提供周边的门店，让消费者更好的进行线下门店自提等互动行为。并且可以为原始静态的网页增加一些动态效果，来提升网页与消费者之间的互动能力，这种功能就体现了在H5 中多种移动、变形等动画效果组件的应用。这种交互式的应用开发也可以有效降低移动客户端的研发成本。目前来说，市面上比较流行的采用了H5技术的移动客户端包括：当当购物、淘宝、唯品会、京东购物、宝贝租车等。

4.维护成本的降低以及交互性的提升

在原本的网页设计里，几乎都是静态的网页效果，很少有动态成分的加入，因此其互动性就大大降低了，用户也只能通过静态的网页来获取信息。但在H5技术中，由于加入很多变形、移动及动画效果的组件，让H5设计出来的Web具备了更强的动态显示效果，因此也提升了网页的交互能力，这同时也满足了当前用户对于交互式体验的需求。在研发成本以及维护升级方面，如果使用的是原生开发技术来开发移动客户端，那么其维护成本是非常高的，主要原因在于原生开发技术的平台相关性非常低，且代码不通用，一个平台的代码很难移植到其它平台中去。因此不同的平台的维护工作就需要不同的团队来进行，维护成本也就水涨船高了。但是对于H5开发的应用来说，就不存在以上问题。由于H5的兼容性以及跨平台的优势，在升级维护过程中，不需要安装一系列升级包，也不需要多个团队对多个平台的分别维护。所以这就大大降低了研发成本，也减少了应用维护带来的各种问题。

5. H5在移动端应用的不足

在浏览体验的过程中，如果流量比较慢，那么就会带来比较差的用户体验，网页加载慢，信息残缺等一系列的问题。还有就是性能差异，与原生开发相比，H5的性能要差很多，这主要是因为原生开发技术已经非常成熟，与系统的贴合效果很好，所遇到的BUG也被很多之前的开发人员一一补足。但H5的应用时间还比较短，这就需要技术人员花费时间去做相应的努力。

三、总结

目前总的来说，随着H5技术的不断改进和发展，它已经完全有能力做相应的移动客户端应用的研发。它强大的兼容性以及良好的跨平台能力，对于许多企业来说是非常重要的。尤其是对于一些小型企业，使用H5技术不仅可以节约成本，也能够快速实现。未来H5技术会不断地改善，它将会应用到更多的平台之中。但是H5技术也还是有着它的不足之处，比如随着功能的不断增加，使用人群的不断庞大，其运行性能问题就会变得严重。因此企业在选择相应开发技术的时候，应该从自身实际出发，根据确切需求来进行选择，合理搭配其它开发方式，找到一个最优的设计方案。