CN108628900B

CN108628900B - 一种数据格式获取的方法以及相关装置

Info

Publication number: CN108628900B
Application number: CN201710178164.7A
Authority: CN
Inventors: 朱灵子; 莫卓颖; 刘恒兵; 梁伟盛
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2017-03-23
Filing date: 2017-03-23
Publication date: 2022-11-11
Anticipated expiration: 2037-03-23
Also published as: CN108628900A

Abstract

本发明实施例公开了一种数据格式获取的方法，包括：获取业务的超级文本标记语言第五版本HTML5数据；从所述HTML5数据中提取第一转换信息；根据预设同构处理规则对所述第一转换信息进行处理，并得到第二转换信息，其中，所述预设同构处理规则用于指示所述第一转换信息与所述第二转换信息具有映射关系；根据所述第二转换信息获取原生响应RN数据。本发明还提供一种数据格式获取装置。本发明可以通过同构处理将HTML5数据转换为RN数据，无需对RN数据进行重新开发，从而节省了较大的开发成本和人力成本，以此提升开发效率。

Description

一种数据格式获取的方法以及相关装置

技术领域

本发明涉及互联网技术领域，尤其涉及一种数据格式转换的方法以及相关装置。

背景技术

现如今，跨终端技术主要有超级文本标记语言的第五次修订(Hyper Text MarkupLanguage 5，HTML5)和原生响应(React Native，RN)，两者均可实现一套代码在不同平台使用。目前，互联网公司的业务大部分是采用HTML5构建的，然而，实际上，在业务的使用性能和用户体验方面，RN优于HTML5。

在现有技术中，为了提升业务的性能和用户体验，互联网公司可以在保留HTML5项目的情况下，再开发一套RN项目。

然而，重新开发一套RN项目，虽然可以提升业务性能和用户体验，但是需要耗费较大的开发成本和人力成本，还会浪费大量的开发时间，导致开发效率低。

发明内容

本发明实施例提供了一种数据格式获取的方法以及相关装置，可以通过同构处理将HTML5数据转换为RN数据，无需对RN数据进行重新开发，从而节省了较大的开发成本和人力成本，以此提升开发效率。

有鉴于此，本发明第一方面提供了一种数据格式获取的方法，包括：

获取业务的超级文本标记语言第五版本HTML5数据；

从所述HTML5数据中提取第一转换信息；

根据预设同构处理规则对所述第一转换信息进行处理，并得到第二转换信息，其中，所述预设同构处理规则用于指示所述第一转换信息与所述第二转换信息具有映射关系；

根据所述第二转换信息获取原生响应RN数据。

本发明第二方面提供了一种数据格式获取装置，包括：

第一获取模块，用于获取业务的超级文本标记语言第五版本HTML5数据；

提取模块，用于从所述第一获取模块获取的所述HTML5数据中提取第一转换信息；

处理模块，用于根据预设同构处理规则对所述提取模块提取的所述第一转换信息进行处理，并得到第二转换信息，其中，所述预设同构处理规则用于指示所述第一转换信息与所述第二转换信息具有映射关系；

第二获取模块，用于根据所述处理模块处理后得到的所述第二转换信息获取原生响应RN数据。

从以上技术方案可以看出，本发明实施例具有以下优点：

本发明实施例中，提供了一种数据格式获取的方法，首先获取业务的超级文本标记语言第五版本HTML5数据，然后从HTML5数据中提取第一转换信息，再根据预设同构处理规则对第一转换信息进行处理，并得到第二转换信息，其中，所述预设同构处理规则用于指示第一转换信息与第二转换信息具有映射关系，最后根据第二转换信息获取原生响应RN数据。通过上述方式，可以通过同构处理将HTML5数据转换为RN数据，无需对RN数据进行重新开发，从而节省了较大的开发成本和人力成本，以此提升开发效率。

附图说明

图1为本发明实施例中获取数据格式的架构图；

图2为本发明实施例中数据格式获取的方法一个实施例示意图；

图3为本发明实施例中文档对象模型信息转换的一个流程示意图；

图4为本发明实施例中数据格式获取装置一个实施例示意图；

图5为本发明实施例中数据格式获取装置另一个实施例示意图；

图6为本发明实施例中数据格式获取装置另一个实施例示意图；

图7为本发明实施例中数据格式获取装置另一个实施例示意图；

图8为本发明实施例中数据格式获取装置另一个实施例示意图；

图9为本发明实施例中数据格式获取装置另一个实施例示意图；

图10为本发明实施例中数据格式获取装置另一个实施例示意图；

图11为本发明实施例中数据格式获取装置一个结构示意图。

具体实施方式

本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

应理解，本发明可以应用于客户端，也可以应用于服务器，本发明从文档对象模型(Document Object Model，DOM)、层叠样式表(Cascading Style Sheets，CSS)、事件响应、公共组件和接口通信五个方面，将HTML5项目转换为RN项目，在实际应用中，也可以从上述五个方面将RN项目转换为HTML5项目，但由于RN项目从运行流畅度到用户体验都优于HTML5项目，因此，本发明将以如何从RN项目转换为HTML5项目为例进行介绍。

请参阅图1，图1为本发明实施例中获取数据格式的架构图，如图所示，首先需要获取HTML5的代码，然后提取DOM信息、CSS样式信息、时间响应信息、公共组件信息以及通信接口信息，需要说明的是，本发明不对提取这些信息的顺序进行限定，例如可以同时提取DOM信息和CSS样式信息。在提取了这五个部分的信息后，将分别进行同构处理。在所有信息完成同构处理后，即完成了从HTML5项目到RN项目的转换。

其中，同构是在对象之间定义的一类映射，它能揭示这些对象属性和操作之间存在的关系。若两个对象之间存在同构映射，那么这两个对象叫做是同构的。HTML5项目与RN项目之间的同构就是根据他们在DOM信息、CSS样式信息、时间响应信息、公共组件信息以及通信接口信息这五个方面的映射关系，将HTML5项目构建为RN项目，从而实现HTML5到RN的同构。

下面将对本发明中数据格式获取的方法进行介绍，请参阅图2，本发明实施例中数据格式获取的方法一个实施例包括：

201、获取业务的超级文本标记语言第五版本HTML5数据；

本实施例中，首先数据格式获取装置获取某个业务的HTML5数据，具体地，该业务可以是一款应用程序，而HTML5数据为HTML5代码。

其中，HTML5是万维网联盟(World Wide Web Consortium，W3C)与网页超文本应用技术工作小组(Web Hypertext Application Technology Working Group，WHATWG)合作的结果，是一种可以兼容个人计算机(personal computer，PC)、苹果电脑(Macintosh，Mac)、苹果手机(Applephone，iPhone)、苹果平板电脑(Applepad，iPad)、安卓(Android)、微软手机(Windows Phone)等各大主流平台的跨平台语言。现有HTML5前端开发技术可以实现在苹果公司操作系统(iPhone Operation System，IOS)和Andriod端使用一套代码来进行开发，节约了开发成本，并规避应用程序开发需要进行版本迭代的弊端。

202、从HTML5数据中提取第一转换信息；

本实施例中，接下来数据格式获取装置从HTML5数据中提取需要进行同构处理的第一转换信息。

203、根据预设同构处理规则对第一转换信息进行处理，并得到第二转换信息，其中，预设同构处理规则用于指示第一转换信息与第二转换信息具有映射关系；

本实施例中数据格式获取装置根据预设同构处理规则对第一转换信息进行处理，即利用预设同构处理规则将第一转换信息映射成第二转换信息，其中，第一转换信息可应用于HTML5项目，而第二转换信息可应用于RN项目中。

204、根据第二转换信息获取原生响应RN数据。

本实施例中，通过第二转换信息就可以构建出RN数据，也就完成了从HTML5项目到RN项目的转换。

RN项目是基于React和直译式脚本语言(JavaScript)来进行构建的。React是一个用于构建用户界面的开源JavaScript库，它通过对DOM的模拟最大限度地减少与DOM的交互，因此拥有较高的性能。React为程序员提供了一种子组件不能直接影响外层组件的模型，数据改变时对HTML文档进行有效更新，同时通过React构建组件代码很容易得到复用，因此也经常使用React构建HTML5项目。

本发明实施例中，提供了一种数据格式获取的方法，首先获取业务的超级文本标记语言第五版本HTML5数据，然后从HTML5数据中提取第一转换信息，再根据同构处理对第一转换信息进行处理，并得到第二转换信息，其中，所述预设同构处理规则用于指示第一转换信息与第二转换信息具有映射关系，最后根据第二转换信息获取原生响应RN数据。通过上述方式，可以通过预设同构处理规则将HTML5数据转换为RN数据，无需对RN数据进行重新开发，从而节省了较大的开发成本和人力成本，以此提升开发效率。

可选地，在上述图2对应的实施例的基础上，本发明实施例提供的数据格式获取的方法第一个可选实施例中，第一转换信息为文档对象模型DOM信息、层叠样式表CSS样式信息、事件响应信息、公共组件信息以及通信接口信息中的至少一项；

其中，DOM信息用于对HTML5数据进行渲染；

CSS样式信息用于表示HTML5数据的CSS命名方式；

事件响应信息用于表示HTML5数据的响应事件；

公共组件信息用于监控与上报HTML5数据的应用状态；

通信接口信息用于指示采用HTML5数据与客户端的通信方式。

本实施例中，第一转换信息可以是DOM信息、CSS样式信息、事件响应信息、公共组件信息以及通信接口信息中的至少一项，下面将针对各项信息分别进行介绍。

具体地，DOM信息可用于对HTML5数据进行渲染，并重构整个HTML文档，例如对HTML文档进行添加、移除、改变或重排。很多时候采用JavaScript作用于网页上从而达到一定功能效果。而JavaScript调用很多DOM定义的控件和方法。譬如有时候我们通过JavaScript取一个标签(a)的信息会用到下面的代码：document.getElementsByTagName("a")。

CSS样式信息主要用于表示CSS计算机语言的命名方式，CSS是一种用来表现HTML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

事件响应信息用于表示表示在HTML5数据对应的页面上的响应事件，例如，用户在HTML5页面上触发了“提交”按钮，即触发了某一个事件，或者用户在HTML5页面上关闭了某条消息，即触发了另一个事件。

公共组件信息用于监控与上报HTML5数据的应用状态，即线上的HTML5项目需要对页面响应速度、点击率以及加载错误等情况进行监控和上报，这样才能保证线上HTML5项目出现线上问题的时候，能够根据这些监控上报信息进行第一时间的错误定位。但是对HTML5线上系统进行监控与上报的公共组件在RN项目中并不能完全复用。

通信接口信息用于指示采用HTML5数据与客户端的通信方式，即HTML5数据与不同客户端之间的接口通信方式是采用JavaScript交互(jsBridge)伪协议传递一些参数和方法。如果是在RN项目中，RN数据与客户端之间是采用原生模块(Native Module)来进行通信的。

其次，本发明实施例中，对第一转换信息进行了具体的说明，例如可以是DOM信息、CSS样式信息、事件响应信息、公共组件信息以及通信接口信息中的至少一项，然后将这至少一个信息转换成第二转换信息，从而可以构建出RN项目，以此提升了方案的实用性和可行性。

可选地，在上述图2对应的第一个实施例的基础上，本发明实施例提供的数据格式获取的方法第二个可选实施例中，第一转换信息为DOM信息；

根据预设同构处理规则对第一转换信息进行处理，并得到第二转换信息，可以包括：

将DOM信息中的块级DIV标签转换为第一标签；

将DOM信息中的内联SPAN标签转换为第二标签；

根据第一标签和第二标签确定第二转换信息，其中，第二转换信息为目标DOM信息。

本实施例中，第一转换信息为DOM信息，第二转换信息为目标DOM信息，其中，HTML5中的DOM信息包括块级DIV标签以及内联SPAN标签，即<div>和<span>。

具体地，请参阅图3，图3为本发明实施例中文档对象模型信息转换的一个流程示意图，步骤301中，HTML5采用<div>和<span>等结构相互嵌套渲染DOM信息，于是在步骤302中将HTML5数据的<div>转换为<View>，同时在步骤304中将HTML5数据的<span>转换为<Text>。从而，在步骤306中，将转换得到的<View>和<Text>作为第二转换信息，即目标DOM信息。

其中，HTML5中的<div>元素是块级元素，是用于组合其他HTML元素的容器。<div>元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行，如果与CSS一同使用，<div>元素可用于对大的内容块设置样式属性。<div>元素的另一个常见的用途是对文档布局。HTML5中的<span>元素是内联元素，可用作文本的容器，<span>元素也没有特定的含义，当与CSS一同使用时，<span>元素可用于为部分文本设置样式属性。RN中的<View>其实就是用户界面最基础的组件，RN中的<View>是一个支持一些触摸处理和一些无障碍功能的容器，并且它可以放到其它的视图里，也可以有任意多个任意类型的子视图。RN中的<Text>采用文本布局，这意味着内部的元素可能会在行末进行折叠。

再次，本发明实施例中，当第一转换信息为DOM信息时，介绍了如何对HTML5数据中的DOM信息进行同构处理，可以对HTML5数据中的DIV标签和SPAN标签进行转换并得到第二转换信息，以构建RN数据。通过上述方式，能够实现对HTML5项目中DOM信息的同构，且无需人为编写RN数据中的DOM信息，从而一定程度上提升了开发效率。

可选地，在上述图2对应的第一个实施例的基础上，本发明实施例提供的数据格式获取的方法第三个可选实施例中，第一转换信息为CSS样式信息；

采用正则匹配规则将CSS样式信息更新为第二转换信息，其中，第二转换信息为目标CSS样式信息。

本实施例中，首先获取第一转换信息，即CSS样式信息，然后利用正则匹配规则将其更新为第二转换信息，即目标CSS样式信息。与HTML5中的CSS样式信息style.css文件格式不同，RN中的CSS样式信息使用的是一个普通的JavaScript对象style.js。但是RN与HTML5之间的CSS样式转换也是有规律可循的。

具体地，基于RN样式名的命名规律，可以是将“-”去掉，并将“-”后面的第一个字母自动变为大写，比如可以将“background-color”改写为“backgroundColor”，再将HTML5中的style.css文件自动封装为一个JavaScript对象style.js。

为了便于理解，下面可以以一个具体代码对本发明中CSS样式信息转换的过程进行详细描述，具体为：

上述代码为驼峰式处理的正则表达式函数，但是完全将CSS文件转化为RN可用的style.js文件还有很多需要处理的地方，比如将“border-bottom:1pxsolid red；”转化为“borderBottom:1solid red；”还需有很多需要处理的细节，比如将“px”去掉，这里我们通过一个组件对样式不太兼容的地方一一进行了相应的处理，比如采用如下一段代码即可实现兼容：

需要说明的是，上述两段代码仅为一个示意，并不应理解为对本发明的限定。

再次，本发明实施例中，当第一转换信息为CSS样式信息时，介绍了如何对HTML5数据中的CSS样式信息进行同构处理，可以直接采用正则匹配规则将CSS样式信息更新为第二转换信息，其中，第二转换信息为目标CSS样式信息。通过上述方式，能够实现对HTML5项目中CSS样式信息的同构，且无需人为编写RN数据中的CSS样式信息，从而一定程度上提升了开发效率。

可选地，在上述图2对应的第三个实施例的基础上，本发明实施例提供的数据格式获取的方法第四个可选实施例中，采用正则匹配规则将CSS样式信息更新为第二转换信息，可以包括：

采用驼峰式命名规则将CSS样式信息更新为目标CSS样式信息。

本实施例中，数据格式获取装置所采用的正则匹配规则具体可以是驼峰式命名规则。驼峰式命名规则又称驼峰命名法，是电脑程式编写时的一套命名规则。正如它的名称所表示的那样，是指混合使用大小写字母来构成变量和函数的名字。驼峰式命名规则就是当变量名或函式名是由一个或多个单词连结在一起，而构成的唯一识别字时，第一个单词以小写字母开始，第二个单词的首字母大写或每一个单词的首字母都采用大写字母，例如：myFirstName或者myLastName，这样的变量名看上去就像骆驼峰一样此起彼伏。驼峰式命名规则的命名规则可视为一种惯例，并无绝对与强制，为的是增加识别和可读性。

需要说明的是，在实际应用中，可以采用小驼峰式命名规则或者大驼峰式命名规则，此处不做限定。

在小驼峰式命名规则中，变量一般用小驼峰法标识。驼峰法的意思是：除第一个单词之外，其他单词首字母大写。譬如在“int myStudentCount”中，变量“myStudentCount”第一个单词是全部小写，后面的单词首字母大写。

在大驼峰式命名规则中，把第一个单词的首字母也大写了。常用于类名、函数名、属性以及命名空间。譬如在“public class DataBaseUse”中，变量“DataBaseUse”第一个单词是全部大写，前面的单词首字母小写。

进一步地，本发明实施例中，正则匹配规则可以是驼峰式命名规则，也就是利用驼峰式命名规则将CSS样式信息更新为目标CSS样式信息。通过上述方式，可以更准确地对HTML5数据中的CSS样式进行更新，以此提升方案的可行性和可操作性。

可选地，在上述图2对应的第一个实施例的基础上，本发明实施例提供的数据格式获取的方法第五个可选实施例中，第一转换信息为事件响应信息；

根据事件响应信息获取视图层以及事件响应层；

在视图层外嵌套事件响应层，并确定第二转换信息，第二转换信息为目标事件响应信息，视图层与目标事件响应信息具有绑定关系。

本实施例中，当第一转换信息为HTML5的事件响应信息时，数据格式获取装置可以先根据该事件响应信息，获取HTML5中的视图层<View>和事件响应层<TouchableOpacity>，然后RN的事件响应需要在绑定事件的视图层外嵌套一个事件响应层，再将事件响应方法绑定在事件响应层上，即得到第二转换信息，第二转换信息为目标事件响应信息，视图层与目标事件响应信息具有绑定关系，以此实现RN与HTML5之间的事件响应信息同构。

与RN绑定目标事件响应信息的方式不同，HTML5只需要直接将事件响应层绑定在DOM信息上即可。

再次，本发明实施例中，当第一转换信息为事件响应信息时，介绍了如何对HTML5数据中的事件响应信息进行同构处理，可以先根据事件响应信息获取视图层以及事件响应层，然后在视图层外嵌套事件响应层，并确定第二转换信息，其中，该第二转换信息为目标事件响应信息，而视图层与所述目标事件响应信息具有绑定关系。通过上述方式，能够实现对HTML5项目中事件响应信息的同构，且无需人为编写RN数据中的事件响应信息，从而一定程度上提升了开发效率。

可选地，在上述图2对应的第一个实施例的基础上，本发明实施例提供的数据格式获取的方法第六个可选实施例中，第一转换信息为公共组件信息；

根据公共组件信息中的第一对象获取RN数据对应的第二对象以及第一对象的文件信息；

将第一对象的文件信息写入第二对象中，并确定第二转换信息。

本实施例中，线上HTML5项目需要对页面响应速度，点击率以及加载错误情况进行监控与上报，这样才可以保证线上HTML5项目出现线上问题时能够根据这些监控上报信息进行第一时间的错误定位。但是对HTML5线上系统进行监控与上报的公共组件信息在RN项目中并不能完全复用，因为RN中没有window、Image和location这样的第一对象，即全局对象。全局对象是预定义的对象，作为JavaScript的全局函数和全局属性的占位符。通过使用全局对象可以访问所有其他所有预定义的对象、函数和属性。

为了实现RN与HTML5之间公共组件信息的同构，就需要获取与HTML5中的window、Image和location第一对象具有相同功能的第二对象，即公共对象，再将第一对象的文件信息window.js、Image.js和location.js自动导入RN公共组件信息的每个第二对象中，从而实现HTML5公共组件信息在RN项目中同样可用。

为了便于理解，下面以一段具体代码为例，介绍如何在RN中实现的与HTML5中具有同等功能的Image全局对象，如下所示：

再次，本发明实施例中，当第一转换信息为公共组件信息时，介绍了如何对HTML5数据中的公共组件信息进行同构处理，可以先根据公共组件信息中的第一对象获取RN数据对应的第二对象以及第一对象的文件信息，然后将第一对象的文件信息写入第二对象中，以确定第二转换信息，从而实现HTML5项目中的公共组件信息在RN项目中同样适用的目的。通过上述方式，能够实现对HTML5项目中公共组件信息的同构，且无需人为编写RN数据中的公共组件信息，从而一定程度上提升了开发效率。

可选地，在上述图2对应的第一个实施例的基础上，本发明实施例提供的数据格式获取的方法第七个可选实施例中，第一转换信息为通信接口信息；

根据通信接口信息获取目标协议；

根据目标协议确定第二转换信息，其中，第二转换信息为采用目标协议编写的目标通信接口信息，目标通信接口信息用于指示采用RN数据与客户端的通信方式。

本实施例中，第一转换信息为通信接口信息，第二转换信息为采用目标协议编写的目标通信接口信息，其中，HTML5中的通信接口信息用于指示HTML5数据与IOS和Android客户端之间的接口通信方式是，使用jsBridge伪协议传递一些参数与方法。然而，RN数据与IOS和Android客户端之间的接口通信方式是使用Native Module来进行通信。

具体地，数据格式获取装置根据HTML5数据的通信接口信息确定目标协议，该目标协议可以是jsBridge伪协议，然后采用jsBridge伪协议封装NativeModule，这样就可以实现HTML5项目和RN项目的接口通信同构。

再次，本发明实施例中，当第一转换信息为通信接口信息时，介绍了如何对HTML5数据中的通信接口信息进行同构处理，可以先根据通信接口信息获取目标协议，该目标协议是HTML5项目采用的，然后根据目标协议确定第二转换信息，其中，第二转换信息为采用目标协议编写的目标通信接口信息，也就是说能够利用目标协议对RN项目中的目标通信接口信息进行增删改查。通过上述方式，能够实现对HTML5项目中DOM信息的同构，且无需人为编写RN数据中的通信接口信息，从而一定程度上提升了开发效率。

下面对本发明中的数据格式获取装置进行详细描述，请参阅图4，本发明实施例中的数据格式获取装置40包括：

第一获取模块401，用于获取业务的超级文本标记语言第五版本HTML5数据；

提取模块402，用于从所述第一获取模块401获取的所述HTML5数据中提取第一转换信息；

处理模块403，用于根据预设同构处理规则对所述提取模块402提取的所述第一转换信息进行处理，并得到第二转换信息，其中，所述预设同构处理规则用于指示所述第一转换信息与所述第二转换信息具有映射关系；

第二获取模块404，用于根据所述处理模块403处理后得到的所述第二转换信息获取原生响应RN数据。

本实施例中，第一获取模块401获取业务的超级文本标记语言第五版本HTML5数据，提取模块402从所述第一获取模块401获取的所述HTML5数据中提取第一转换信息，处理模块403根据预设同构处理规则对所述提取模块402提取的所述第一转换信息进行处理，并得到第二转换信息，其中，所述预设同构处理规则用于指示所述第一转换信息与所述第二转换信息具有映射关系，第二获取模块404根据所述处理模块403处理后得到的所述第二转换信息获取原生响应RN数据。

本发明实施例中，提供了一种数据格式获取装置，首先获取业务的超级文本标记语言第五版本HTML5数据，然后从HTML5数据中提取第一转换信息，再根据预设同构处理规则对第一转换信息进行处理，并得到第二转换信息，其中，所述预设同构处理规则用于指示第一转换信息与第二转换信息具有映射关系，最后根据第二转换信息获取原生响应RN数据。通过上述方式，可以通过同构处理将HTML5数据转换为RN数据，无需对RN数据进行重新开发，从而节省了较大的开发成本和人力成本，以此提升开发效率。

可选地，在上述图4所对应的实施例的基础上，本发明实施例提供的数据格式获取装置的另一实施例中，所述第一转换信息为文档对象模型DOM信息、层叠样式表CSS样式信息、事件响应信息、公共组件信息以及通信接口信息中的至少一项；

其中，所述DOM信息用于对所述HTML5数据进行渲染；

所述CSS样式信息用于表示所述HTML5数据的CSS命名方式；

所述事件响应信息用于表示所述HTML5数据的响应事件；

所述公共组件信息用于监控与上报所述HTML5数据的应用状态；

所述通信接口信息用于指示采用所述HTML5数据与客户端的通信方式。

可选地，在上述图4所对应的实施例的基础上，请参阅图5，本发明实施例提供的数据格式获取装置40的另一实施例中，所述第一转换信息为所述DOM信息；

所述处理模块403包括：

第一转换单元4031，用于将所述DOM信息中的块级DIV标签转换为第一标签；

第二转换单元4032，用于将所述DOM信息中的内联SPAN标签转换为第二标签；

第一确定单元4033，用于根据所述第一转换单元4031转换得到的所述第一标签和所述第二转换单元4032转换得到的所述第二标签确定所述第二转换信息，其中，所述第二转换信息为目标DOM信息。

可选地，在上述图4所对应的实施例的基础上，请参阅图6，本发明实施例提供的数据格式获取装置的另一实施例中，所述第一转换信息为所述CSS样式信息；

所述处理模块403包括：

更新单元4034，用于采用正则匹配规则将所述CSS样式信息更新为所述第二转换信息，其中，所述第二转换信息为目标CSS样式信息。

可选地，在上述图6所对应的实施例的基础上，请参阅图7，本发明实施例提供的数据格式获取装置的另一实施例中，

所述更新单元4034包括：

更新子单元40341，用于采用驼峰式命名规则将所述CSS样式信息更新为所述目标CSS样式信息。

可选地，在上述图4所对应的实施例的基础上，请参阅图8，本发明实施例提供的数据格式获取装置的另一实施例中，所述第一转换信息为所述事件响应信息；

所述处理模块403包括：

第一获取单元4035，用于根据所述事件响应信息获取视图层以及事件响应层；

第二确定单元4036，用于在所述第一获取单元4035获取的所述视图层外嵌套所述第一获取单元4035获取的所述事件响应层，并确定所述第二转换信息，所述第二转换信息为目标事件响应信息，所述视图层与所述目标事件响应信息具有绑定关系。

可选地，在上述图4所对应的实施例的基础上，请参阅图9，本发明实施例提供的数据格式获取装置的另一实施例中，所述第一转换信息为所述公共组件信息；

所述处理模块403包括：

第二获取单元4037，用于根据所述公共组件信息中的第一对象获取所述RN数据对应的第二对象以及所述第一对象的文件信息；

第三确定单元4038，用于将第二获取单元4037获取的所述第一对象的文件信息写入所述第二对象中，并确定所述第二转换信息。

可选地，在上述图4所对应的实施例的基础上，请参阅图10，本发明实施例提供的数据格式获取装置的另一实施例中，所述第一转换信息为所述通信接口信息；

所述处理模块403包括：

第三获取单元4039A，用于根据所述通信接口信息获取目标协议；

第四确定单元4039B，用于根据所述第三获取单元4039A获取的所述目标协议确定所述第二转换信息，其中，所述第二转换信息为采用所述目标协议编写的目标通信接口信息，所述目标通信接口信息用于指示采用所述RN数据与客户端的通信方式。

本发明实施例还提供了另一种数据格式获取装置，如图11所示，为了便于说明，仅示出了与本发明实施例相关的部分，具体技术细节未揭示的，请参照本发明实施例方法部分。该终端可以为包括手机、平板电脑、个人数字助理(Personal Digital Assistant，PDA)、销售终端(Point of Sales，POS)、车载电脑等任意终端设备，以终端为手机为例：

图11示出的是与本发明实施例提供的终端相关的手机的部分结构的框图。参考图11，手机包括：射频(Radio Frequency，RF)电路510、存储器520、输入单元530、显示单元540、传感器550、音频电路560、无线保真(wireless fidelity，WiFi)模块570、处理器580、以及电源590等部件。本领域技术人员可以理解，图11中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图11对手机的各个构成部件进行具体的介绍：

RF电路510可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器580处理；另外，将设计上行的数据发送给基站。通常，RF电路510包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(Low NoiseAmplifier，LNA)、双工器等。此外，RF电路510还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(GlobalSystem of Mobile communication，GSM)、通用分组无线服务(General Packet RadioService，GPRS)、码分多址(Code Division Multiple Access，CDMA)、宽带码分多址(Wideband Code Division Multiple Access,WCDMA)、长期演进(Long Term Evolution，LTE)、电子邮件、短消息服务(Short Messaging Service，SMS)等。

存储器520可用于存储软件程序以及模块，处理器580通过运行存储在存储器520的软件程序以及模块，从而执行手机的各种功能应用以及数据处理。存储器520可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器520可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元530可用于接收输入的数字或字符信息，以及产生与手机的用户设置以及功能控制有关的键信号输入。具体地，输入单元530可包括触控面板531以及其他输入设备532。触控面板531，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板531上或在触控面板531附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触控面板531可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器580，并能接收处理器580发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板531。除了触控面板531，输入单元530还可以包括其他输入设备532。具体地，其他输入设备532可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元540可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单。显示单元540可包括显示面板541，可选的，可以采用液晶显示器(Liquid CrystalDisplay，LCD)、有机发光二极管(Organic Light-Emitting Diode，OLED)等形式来配置显示面板541。进一步的，触控面板531可覆盖显示面板541，当触控面板531检测到在其上或附近的触摸操作后，传送给处理器580以确定触摸事件的类型，随后处理器580根据触摸事件的类型在显示面板541上提供相应的视觉输出。虽然在图11中，触控面板531与显示面板541是作为两个独立的部件来实现手机的输入和输入功能，但是在某些实施例中，可以将触控面板531与显示面板541集成而实现手机的输入和输出功能。

手机还可包括至少一种传感器550，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板541的亮度，接近传感器可在手机移动到耳边时，关闭显示面板541和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路560、扬声器561，传声器562可提供用户与手机之间的音频接口。音频电路560可将接收到的音频数据转换后的电信号，传输到扬声器561，由扬声器561转换为声音信号输出；另一方面，传声器562将收集的声音信号转换为电信号，由音频电路560接收后转换为音频数据，再将音频数据输出处理器580处理后，经RF电路510以发送给比如另一手机，或者将音频数据输出至存储器520以便进一步处理。

WiFi属于短距离无线传输技术，手机通过WiFi模块570可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图11示出了WiFi模块570，但是可以理解的是，其并不属于手机的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器580是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器520内的软件程序和/或模块，以及调用存储在存储器520内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器580可包括一个或多个处理单元；可选的，处理器580可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器580中。

手机还包括给各个部件供电的电源590(比如电池)，可选的，电源可以通过电源管理系统与处理器580逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管未示出，手机还可以包括摄像头、蓝牙模块等，在此不再赘述。

在本发明实施例中，该终端所包括的处理器580还具有以下功能：

获取业务的超级文本标记语言第五版本HTML5数据；

从所述HTML5数据中提取第一转换信息；

根据所述第二转换信息获取原生响应RN数据。

可选地，处理器580具体用于执行如下步骤：

将所述DOM信息中的块级DIV标签转换为第一标签；

将所述DOM信息中的内联SPAN标签转换为第二标签；

根据所述第一标签和所述第二标签确定所述第二转换信息，其中，所述第二转换信息为目标DOM信息。

可选地，处理器580具体用于执行如下步骤：

采用正则匹配规则将所述CSS样式信息更新为所述第二转换信息，其中，所述第二转换信息为目标CSS样式信息。

可选地，处理器580具体用于执行如下步骤：

采用驼峰式命名规则将所述CSS样式信息更新为所述目标CSS样式信息。

可选地，处理器580具体用于执行如下步骤：

根据所述事件响应信息获取视图层以及事件响应层；

在所述视图层外嵌套所述事件响应层，并确定所述第二转换信息，所述第二转换信息为目标事件响应信息，所述视图层与所述目标事件响应信息具有绑定关系。

可选地，处理器580具体用于执行如下步骤：

根据所述公共组件信息中的第一对象获取所述RN数据对应的第二对象以及所述第一对象的文件信息；

将所述第一对象的文件信息写入所述第二对象中，并确定所述第二转换信息。

可选地，处理器580具体用于执行如下步骤：

根据所述通信接口信息获取目标协议；

根据所述目标协议确定所述第二转换信息，其中，所述第二转换信息为采用所述目标协议编写的目标通信接口信息，所述目标通信接口信息用于指示采用所述RN数据与客户端的通信方式。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本发明所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(英文全称：Read-OnlyMemory，英文缩写：ROM)、随机存取存储器(英文全称：Random Access Memory，英文缩写：RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims

1.一种数据格式获取的方法，其特征在于，包括：

获取业务的超级文本标记语言第五版本HTML5数据；

从所述HTML5数据中提取第一转换信息；

根据所述第二转换信息获取原生响应RN数据。

2.根据权利要求1所述的方法，其特征在于，所述第一转换信息为文档对象模型DOM信息、层叠样式表CSS样式信息、事件响应信息、公共组件信息以及通信接口信息中的至少一项；

其中，所述DOM信息用于对所述HTML5数据进行渲染；

所述CSS样式信息用于表示所述HTML5数据的CSS命名方式；

所述事件响应信息用于表示所述HTML5数据的响应事件；

3.根据权利要求2所述的方法，其特征在于，所述第一转换信息为所述DOM信息；

所述根据预设同构处理规则对所述第一转换信息进行处理，并得到第二转换信息，包括：

将所述DOM信息中的块级DIV标签转换为第一标签；

将所述DOM信息中的内联SPAN标签转换为第二标签；

4.根据权利要求2所述的方法，其特征在于，所述第一转换信息为所述CSS样式信息；

5.根据权利要求4所述的方法，其特征在于，所述采用正则匹配规则将所述CSS样式信息更新为所述第二转换信息，包括：

6.根据权利要求2所述的方法，其特征在于，所述第一转换信息为所述事件响应信息；

根据所述事件响应信息获取视图层以及事件响应层；

7.根据权利要求2所述的方法，其特征在于，所述第一转换信息为所述公共组件信息；

8.根据权利要求2所述的方法，其特征在于，所述第一转换信息为所述通信接口信息；

根据所述通信接口信息获取目标协议；

9.一种数据格式获取装置，其特征在于，包括：

10.根据权利要求9所述的装置，其特征在于，所述第一转换信息为文档对象模型DOM信息、层叠样式表CSS样式信息、事件响应信息、公共组件信息以及通信接口信息中的至少一项；

其中，所述DOM信息用于对所述HTML5数据进行渲染；

所述CSS样式信息用于表示所述HTML5数据的CSS命名方式；

所述事件响应信息用于表示所述HTML5数据的响应事件；

11.根据权利要求10所述的装置，其特征在于，所述第一转换信息为所述DOM信息；

所述处理模块包括：

第一转换单元，用于将所述DOM信息中的块级DIV标签转换为第一标签；

第二转换单元，用于将所述DOM信息中的内联SPAN标签转换为第二标签；

第一确定单元，用于根据所述第一转换单元转换得到的所述第一标签和所述第二转换单元转换得到的所述第二标签确定所述第二转换信息，其中，所述第二转换信息为目标DOM信息。

12.根据权利要求10所述的装置，其特征在于，所述第一转换信息为所述CSS样式信息；

所述处理模块包括：

更新单元，用于采用正则匹配规则将所述CSS样式信息更新为所述第二转换信息，其中，所述第二转换信息为目标CSS样式信息。

13.根据权利要求12所述的装置，其特征在于，所述更新单元包括：

更新子单元，用于采用驼峰式命名规则将所述CSS样式信息更新为所述目标CSS样式信息。

14.根据权利要求10所述的装置，其特征在于，所述第一转换信息为所述事件响应信息；

所述处理模块包括：

第一获取单元，用于根据所述事件响应信息获取视图层以及事件响应层；

第二确定单元，用于在所述第一获取单元获取的所述视图层外嵌套所述第一获取单元获取的所述事件响应层，并确定所述第二转换信息，所述第二转换信息为目标事件响应信息，所述视图层与所述目标事件响应信息具有绑定关系。

15.根据权利要求10所述的装置，其特征在于，所述第一转换信息为所述公共组件信息；

所述处理模块包括：

第二获取单元，用于根据所述公共组件信息中的第一对象获取所述RN数据对应的第二对象以及所述第一对象的文件信息；

第三确定单元，用于将第二获取单元获取的所述第一对象的文件信息写入所述第二对象中，并确定所述第二转换信息。