CN105095449A - 一种将html网页转换为移动终端页面的方法 - Google Patents

Abstract

本发明提供一种将HTML网页转换为移动终端页面的方法，移动终端向中间件服务器发起请求，中间件服务器根据请求内容，使用http协议获取对应的原系统网页数据，通过一浏览器内核，将网页数据进行解析并抽象，随后数据抽取器根据配置文件，使用XPath或正则表达式方式定位抽取网页元素，将抽取到的元素交由数据装配器进行装配，装配的过程自行完成了html元素属性的抽提，并结合进了配置文件中的附加属性，将它们整合并转换为json数据传输至移动终端，移动终端根据指定的规则解析数据并展现，开发成本低，开发周期短。

Description

一种将HTML网页转换为移动终端页面的方法

技术领域

本发明涉及一种将HTML网页转换为移动终端页面的方法。

背景技术

对企业用户来说，企业移动应用的终极目的是借助于移动互联网技术，包括终端的处理能力及便携性、网络的通达、以及用户身份感知、位置识别、实时推送等特性，提高生产效率、提升管理水平、拓宽销售渠道、优化客户服务，并最终带来盈利能力的提升。在企业工作流程中的每个环节，都潜藏着巨大的移动应用需求。

当前在移动开发领域中面临几个问题：

后端——企业业务系统的集成难题

后端的集成问题，一直是企业领域的传统难题。企业移动应用是企业现有工作流程的延伸与扩展，也绕不开这个问题；而且开发者还需要同时面对两个额外的挑战：

企业工作/业务流程的移动化延伸与优化

企业移动应用一定是对现有工作/业务流程的延伸与优化。大部分情况下应用开发者能够获得的协助有限，即使完全无法获得原系统开发者的支持，且不能变动现有的工作流程，仍然要完成将企业现有的业务系统平滑地延伸到手机上的任务。

移动化成本

对于大部分企业来说，移动化的预算有限。在有限的预算中，还需要考虑对于员工终端及通信费用的补贴。因此，企业移动应用市场是成本敏感型市场。

前端——终端侧的跨平台开发难题：

企业不可能为它的员工配备统一的手机，而需求的刚性又要求应用尽可能地覆盖所有员工，因此支持多个手机平台、兼容五花八门的手机对企业移动应用来说是个基本要求。

平台的差异、终端的差异、迥异的开发技术，原生开发所带来的巨大人力成本、开发成本、版本维护成本，对于大多数企业及开发团队来说都是无法承受的；更何况原生开发很难保证同一应用在不同的平台/手机上的统一交付，且展现与功能基本一致。

WebApp虽然可以解决跨平台的问题，但在响应速度上存在硬伤，而且对于细分市场的支持不够，不能灵活定制，在企业移动应用开发中也存在很多限制。

服务、维护成本：普通用户几乎不会关注应用背后的关联工作，但对企业管理者来说，如何获取应用、如何升级、如何与企业现有的IT管理制度、安全策略无缝对接、维护工作量及成本，却是至关重要的问题，解决不好甚至可以直接影响一个系统的存、废。

个性化定制与快速交付问题：企业移动应用开发是成本敏感的市场，必须通过尽力降低开发难度、提高开发效率来降低成本。手机应用要满足企业内部的快速决策和变化。

当前技术：

技术方式一：重新开发

根据已有的办公管理系统功能重新开发一套移动版。所有的业务逻辑全部重写部署在手机客户端，两者之间通过数据库同步来进行数据传输。必须针对每一种移动终端都进行一次开发。

技术方式二：远程桌面

利用远程桌面或类似远程桌面的技术将PC平台的管理系统界面展示在手机端，手机端模拟键盘鼠标操作与PC端管理系统进行交互。原生系统无需任何改动即可接入。

技术方式三：普通中间件方式

不改变原PC版BS管理系统，利用网页爬虫抓取原系统页面数据。亦支持多数据源，例如直接获取数据库数据的数据获取模式。获取到数据后，使用原生APP嵌入HTML框的方式进行数据展示。并通过HTML表单提交数据到中间件，由中间件转发数据到BS管理系统完成数据交互。不需要重新开发系统，适配快捷。中间件成熟后，适配系统技术门槛低，对于原系统变更响应快。由于使用HTML进行展示，一次适配即可覆盖多种移动终端。原生APP能够调用系统自身功能，HTML5+CSS+JS能够实现复杂的业务逻辑，展示丰富的页面效果，达到良好的用户体验。原管理系统不用暴露数据库，从而具备较好的数据安全性。中间件具备复用性。现有技术的缺点及其原因分析：

技术缺点：

需要重新开发，而移动端重新开发成本高；并且业务系统接口改造风险大；系统联调时间长；需求变更维护成本高；成品不具备复用性和可移植性。

由于手机端必须和原办公系统数据库进行交互，将使数据库暴露在公共网络，从而造成数据安全隐患，增加网络安全防护的成本。

远程桌面的方法缺点：在手机上操作PC界面，用户体验差，无法针对手机特点优化，流量费用高。

使用普通中间件缺点：适配系统时，需要针对每个页面重写HTML展示代码和页面逻辑校验，实施成本高，开发周期长；需要页面重写人员了解整个业务系统的细节；手机端校验被绕过后，如果原系统不具备后端校验功能，将会导致脏数据写入数据库；数据传输时包含大量的HTML标签；数据获取涉及到抓取网络封包和编写HTML及JS代码，有二次开发门槛；

上述原因分析：

企业移动化过程中面临着不同架构、众多平台、多个厂家的应用系统整合，涉及到脚本复杂的动态页面、内容繁多的数据交互、业务流程的一部加载等技术障碍。往往开发完成后到应用推广及效益上都需要较长的时间过渡；涉及系统繁多，如需获取数据，则需要进行相应的接口开发及多方的联调测试；如需迁移多系统数据到某一系统，需要投入大量的人力和开发，难以快速实现企业的移动化管理；智能化水平低，无法实现自动抓取，对数据进行智能分析，往往要解决相关的数据问题则需要对系统进行二次开发。

发明内容

本发明要解决的技术问题，在于提供一种将HTML网页转换为移动终端页面的方法。

本发明是这样实现的：一种将HTML网页转换为移动终端页面的方法，移动终端向中间件服务器发起请求，中间件服务器根据请求内容，使用http协议获取对应的原系统网页数据，通过一浏览器内核，将网页数据进行解析并抽象，随后数据抽取器根据配置文件，使用XPath或正则表达式方式定位抽取网页元素，将抽取到的元素交由数据装配器进行装配，装配的过程自行完成了html元素属性的抽提，并结合进了配置文件中的附加属性，将它们整合并转换为json数据传输至移动终端，移动终端根据指定的规则解析数据并展现。

进一步地，当使用者对页面上的组件进行操作后，移动终端会将组件对应的UID以及操作事件回传至服务器，服务器通过UID找寻到原始管理系统HTML界面上对应的元素，并使用浏览器内核执行事件。

进一步地，还包括一页面重构器用于拦截http请求返回的数据流并根据指定规则进行内容修改和替换，修改和替换仅针对于返回的数据流，不会对原系统网页数据造成任何影响。

进一步地，所述配置文件存放于XML文件；该XML文件的CDATA标签中的java源码会被脚本引擎识别并处理，经过处理后的XML配置文件被配置管理器加载并进行缓存。

本发明具有如下优点：本发明一种将HTML网页转换为移动终端页面的方法，解决了普通中间件要进行页面展示重新编码带来的问题，改为以映射配置的方式进行，不需要开发人员进行编码干预；

配置化实现移动化集成，开发成本低，开发周期短；

后期开发维护简单，不需要专业开发人员进行支持，支持用户自行配置；

实施过程简单、快捷，能够快速实现产品化推广；

对原有系统零改造，沟通成本低，项目风险小。

附图说明

下面参照附图结合实施例对本发明作进一步的说明。

图1为本发明方法执行流程图。

具体实施方式

如图1所示，本发明一种将HTML网页转换为移动终端页面的方法，移动终端向中间件服务器发起请求，中间件服务器根据请求内容，使用http协议获取对应的原系统网页数据，通过一浏览器内核，将网页数据进行解析并抽象，随后数据抽取器根据配置文件，使用XPath或正则表达式方式定位抽取网页元素，将抽取到的元素交由数据装配器进行装配，装配的过程自行完成了html元素属性的抽提，并结合进了配置文件中的附加属性，将它们整合并转换为json数据传输至移动终端，移动终端根据指定的规则解析数据并使用手机原生组件或Html嵌入框进行展现；还包括一页面重构器用于拦截http请求返回的数据流并根据指定规则进行内容修改和替换，修改和替换仅针对于返回的数据流，不会对原系统网页数据造成任何影响，所述配置文件存放于XML文件；该XML文件的CDATA标签中的java源码会被脚本引擎识别并处理，经过处理后的XML配置文件被配置管理器加载并进行缓存。

当使用者对页面上的组件进行操作后，移动终端会将组件对应的UID以及操作事件回传至服务器，服务器通过UID找寻到原始管理系统HTML界面上对应的元素，并使用浏览器内核执行事件。

如图1所示，使用页面组件映射机制实现数据展现和交互。不改变原PC版BS管理系统，利用网页爬虫抓取原系统页面组件数据(亦支持多数据源获取)，数据后进行组件虚拟。

获取到组件数据后，通过中间件直接配置将其转换为目标组件数据格式发送至移动终端。终端使用原生APP嵌入HTML框的方式进行数据展示，亦支持完全原生的APP。

之后通过提交用户操作事件到中间件，由中间件对原管理系统进行对应的操作完成数据交互。

页面映射技术为公司独创、自主研发的技术；该技术的实现是通过页面解析器配合数据抽取器、数据装配器一起完成。页面解析器具备高兼容性的浏览器内核，它可以通过http协议读取并解析原管理系统的HTML页面。获取到页面后，数据抽取器根据指定规则，使用XPath、正则表达式等手段定位目标元素(标准HTML元素(W3C))，随后使用数据装配器根据指定装配规则，将元素进行抽象并转换为手机客户端可识别的JSON数据发送至手机端。手机端通过该JSON数据，取得原管理系统页面元素相应的属性和文本内容，使用合适的原生组件将其进行展示。当使用者对手机的组件进行操作后，手机端会将组件对应的UID以及操作事件通过JSON数据回传至服务端，服务端通过UID找寻到原始管理系统HTML界面上对应的元素，并使用浏览器内核执行这些事件，完成交互。除了解析器、装配器和重构器三大功能组件外，我们还开发了页面重构器对页面映射技术进行完善。页面重构器通过拦截http请求返回的数据流并根据指定规则进行内容修改和替换，可以虚拟或者重写原始系统的HTML页面，以应对原始系统自身BUG对显示与交互的影响。极大程度的增强了映射技术的兼容性，使其能够适应更多复杂多变的系统。

相关规则的配置

中间件采用XML文件记录和保存所有的配置规则。这些配置文件将会和中间件一起部署在服务器上。XML中的CDATA数据可书写JAVA源码对指定节点的值进行动态计算。这些JAVA源码在XML读取时，由脚本引擎进行识别和处理，可在运行时根据具体的上下文环境进行数值计算，以适应动态url地址和复杂的页面逻辑。经过处理后的XML配置文件被配置管理器加载并进行缓存。移动终端发起请求，中间件根据配置文件对原系统界面，进行页面重构、数据抽取、数据装配、转换为数据原型后装配至对应载体，最终交由移动终端解析并展示。

虽然以上描述了本发明的具体实施方式，但是熟悉本技术领域的技术人员应当理解，我们所描述的具体的实施例只是说明性的，而不是用于对本发明的范围的限定，熟悉本领域的技术人员在依照本发明的精神所作的等效的修饰以及变化，都应当涵盖在本发明的权利要求所保护的范围内。

Claims (4)

1.一种将HTML网页转换为移动终端页面的方法，其特征在于：移动终端向中间件服务器发起请求，中间件服务器根据请求内容，使用http协议获取对应的原系统网页数据，通过一浏览器内核，将网页数据进行解析并抽象，随后数据抽取器根据配置文件，使用XPath或正则表达式方式定位抽取网页元素，将抽取到的元素交由数据装配器进行装配，装配的过程自行完成了html元素属性的抽提，并结合进了配置文件中的附加属性，将它们整合并转换为json数据传输至移动终端，移动终端根据指定的规则解析数据并展现。

2.根据权利要求1所述的一种将HTML网页转换为移动终端页面的方法，其特征在于：当使用者对页面上的组件进行操作后，移动终端会将组件对应的UID以及操作事件回传至服务器，服务器通过UID找寻到原始管理系统HTML界面上对应的元素，并使用浏览器内核执行事件。

3.根据权利要求1所述的一种将HTML网页转换为移动终端页面的方法，其特征在于：还包括一页面重构器用于拦截http请求返回的数据流并根据指定规则进行内容修改和替换，修改和替换仅针对于返回的数据流，不会对原系统网页数据造成任何影响。

4.根据权利要求1所述的一种将HTML网页转换为移动终端页面的方法，其特征在于：所述配置文件存放于XML文件；该XML文件的CDATA标签中的java源码会被脚本引擎识别并处理，经过处理后的XML配置文件被配置管理器加载并进行缓存。