一种网页到移动终端的适配方法及移动终端页面适配装置 【技术领域】
本发明涉及移动终端进行WEB网页访问技术领域,更具体的说,涉及一种网页到移动终端的适配方法及移动终端页面适配装置。
背景技术
随着手机、ipod、PSP等移动终端的发展,使用移动终端访问互联网的WEB页面越来越普及。
以手机这种普及率最高的移动终端为例,目前通过手机访问传统互联网的页面有两种方式,一种是通过手机浏览器直接访问互联网的网页,通过手机浏览器直接访问互联网网页的方式不需要中间系统支持,由手机浏览器直接向传统互联网的WEB服务器发起请求并在获取页面后进行显示。由于传统互联网的页面都是专为PC浏览器设计,所以无论页面尺寸和所采用技术都不适合手机浏览器在手机上显示,所以直接用手机访问传统互联网网页存在巨大的使用限制。
而另外一种方式是采用页面转换技术,将传统互联网的网页转换成为适合手机显示的页面后在手机上显示,处理过程如图1所示,即,获取到用户希望访问的原始的WEB页面后,根据一定的转换规则,通过XSLT(Extensible Stylesheet Language Transformation,扩展样式表转换语言)技术或其他类似的页面转换技术,修改原始的XML网页的格式,重新排序文档中的元素,将原始页面的XML转换成为适合手机显示的XML格式。
通过转换实现的传统互联网页面到手机页面的适配技术对原有页面存在特别强的依赖关系,导致手机所浏览内容对原有网页的紧密依赖,不能够根据手机需要进行互联网网到手机的灵活适配,耦合强度高,原有的WEB页面一旦发生任何变化,包括页面格式和页面内容,都有可能导致转换处理的错误。
另外,这种由原始WEB页面通过转换技术主要采用网页直接转换的思路,得到的手机页面与原始WEB页面一定是一一对应的,因此,无法在原有的网页页面的基础上增加基于手机的复杂应用,例如多个原始WEB页面的交互产生一个手机页面等复杂的手机业务逻辑。
【发明内容】
本发明所要解决的技术问题是提供一种能使移动终端更方便的访问现有互联网网页信息的、对原有页面的耦合度更低的一种网页到移动终端的适配方法及移动终端页面适配装置。
本发明的目的是通过以下技术方案来实现的:
一种网页到移动终端的适配方法,包括以下步骤:
A:根据移动终端的访问请求,从WEB网络返回的网页信息中,提取出网页的有效数据;
B:根据步骤A中提取的有效数据,按照预设的根据移动终端的显示特征设计的模板,重新生成适合在移动终端上显示的新页面,成为适配于移动终端的新页面。
所述的适配方法是在独立于移动终端之外的服务器节点完成的,所述的步骤A之前还包括以下步骤:
O:移动终端发送访问请求至服务器节点,服务器节点接收用户的请求后,将此清求转发到WEB网络,接收WEB网络返回的页面;
所述的步骤B之后,还包括以下步骤:
C:服务器节点将步骤B中生成的适配于移动终端的新页面发送到移动终端,在移动终端上显示。这样的设计使得适配的过程都在独立于移动终端之外的服务器节点完成,如果要针对模板进行更新,或者是针对有效数据的提取或根据模板的重新生成新页面的过程进行改变,就只需在独立于移动终端的服务器节点上完成更新即可,不会影响移动终端的正常使用。
所述的步骤B中的预设的模板根据移动终端的显示属性设置,所述的模板中设有变量,通过将提取出来的有效数据匹配替换模板中的变量的方法,生成适配于移动终端的新页面。这是根据模板重新生成新页面的一种方式。
所述的步骤B中,在生成新页面的时候,还包括生成新的应用逻辑,并将应用逻辑添加到形成的新页面中的步骤。这样的设计是基于提取有效数据重新生成新页面的方案的基础上实现的,使得可以为移动终端定制独立于被访问的WEB网页的新的应用逻辑,建立复杂移动终端应用成为可能,使用更加方便。
所述的步骤A中,从WEB网络返回的网页还包括从数据库服务器、文件系统、网络接口、Web service、目录服务器和传感器中的一种或多种数据源中中获取的数据信息。这样的设计,使得移动终端不仅可以针对普通的网页进行页面的适配,还可以针对其他的数据源提供的信息,如从数据库中获取数据,进行适配后,显示在移动终端上。
一种移动终端页面适配装置,包括:
根据移动终端的显示特征设计的模板;
数据提取引擎,用于根据移动终端的访问请求,从WEB网络返回的网页信息中,提取出网页的有效数据;
新页面生成模块,与模板及数据提取引擎相连接,用于根据数据提取引擎提取的有效数据,按照预设的模板,重新生成适合在移动终端上显示的新页面,成为适配于移动终端的新页面。
所述的移动终端页面适配装置设置在独立于移动终端之外的服务器节点上,所述的移动终端页面适配装置还包括有与移动终端进行通讯的通信接口。所述的移动终端页面适配装置为设置在网络上供用户访问的服务器节点,用户通过访问此节点,此节点转发访问请求,生成适合手机显示的新页面后,再将此新页面下载到移动终端中进行显示。这样的设计使得移动终端页面适配装置可以独立的进行修改,比设置在移动终端上的用户更易维护,安全度更高。
所述的模板包括变量及要获取移动终端的相关显示的参数信息;所述的新页面生成模块将模板中的变量替换为数据提取引擎中提取出来的有效数据,生成适配于移动终端的新页面。这样的设计可以匹配不同的机型。
所述的移动终端页面适配装置还包括与新页面生成模块相连接的应用逻辑添加模块,用于在新页面的时候,还包括生成新的应用逻辑,并将应用逻辑添加到形成的新页面中。
所述的数据提取引擎包括网页提取模块、数据库提取模块、文件系统提取模块、网络接口提取模块、Web service提取模块、目录服务器提取模块、及传感器提取模块中的一种或多种:所述的网页提取模块针对普通的网页进行有效数据的提取;所述的数据库提取模块针对从数据库服务器中获取的数据信息进行有效数据的提取;所述的文件系统提取模块针对从文件系统中获取的数据信息进行有效数据的提取;所述的网络接口提取模块针对从网络接口中获取的数据信息进行有效数据的提取;所述的Webservice提取模块针对从Web service中获取的数据信息进行有效数据的提取;所述的目录服务器提取模块针对从目录服务器中获取的数据信息进行有效数据的提取;所述的传感器提取模块针对从传感器中获取的数据信息进行有效数据的提取。
本发明所述的网页到移动终端的适配方法及实现这种方法的移动终端页面适配装置,由于最终的新页面是按照预设的根据移动终端的显示特征设计的模板及提取的网页信息中的有效数据重新生成的,因此新生成的新页面与原有网页的耦合度更低,使得互联网网页到移动终端的适配更加灵活,能使移动终端更方便的访问现有互联网网页信息。同时,由于原始页面不存在了,进存在重新生成的新页面,也在一定程度上增强了移动终端进行数据访问的安全性。
【附图说明】
图1是现有技术中页面转换技术的原理示意图;
图2是本发明实施例的移动终端页面适配装置的框架示意图;
图3是本发明实施例的移动终端访问WEB网络的流程示意图;
图4是本发明实施例的数据提取和数据绑定的原理示意图。
【具体实施方式】
下面结合附图和较佳的实施例对本发明作进一步说明。
仍以手机作为移动终端为例,本发明的移动终端页面适配装置所采用的网页到移动终端的适配方法利用了基于数据提取的页面重生成技术,其原理框架图可参看图2,通过对原始互联网页面数据的提取并通过与预先设计好的静态手机UI模板进行绑定,从而生成新的适合手机显示的页面,然后传送到手机上进行显示。
本发明实施例中所述的移动终端访问WEB网络的流程如下所述,如图3所示,包括以下步骤:
S01:手机发出访问WEB网络中网页的请求至服务器节点,服务器节点接收用户的请求后,将此请求转发到WEB网络;
S02:接收WEB网络返回的原始WEB页面;
S03:从步骤S02中返回的网页信息中,提取出网页的有效数据;其中,所述的有效数据,是指在XML文件中,除了格式、排版等信息之外的携带有用户希望获得的一些数据,如文字、图片、flash、链接等;
S04:根据步骤S03中提取的有效数据,按照预设的模板,重新将有效数据在模板上绑定生成适合在手机上显示的新页面,成为适配于手机的新页面;其中,所述的预设的模板根据手机的显示属性设置,所述的模板中设有变量,通过将步骤S03中提取出来的有效数据匹配替换UI模板中的变量的方法,生成适配于手机的新页面;
S05:服务器节点将步骤S04中生成的适配于手机的新页面发送到手机,将此新页面在手机上显示。
适配的过程都在独立于移动终端之外的服务器节点完成,因此,如果要针对模板进行更新,或者是针对有效数据的提取或根据模板的重新生成新页面的过程进行改变,就只需在独立于移动终端的服务器节点上完成更新即可,不会影响移动终端的正常使用。
当然,适配的过程也可以在移动终端上完成,将完成上述适配的功能模块集成在用户的移动终端上,移动终端通过上述功能模块直接访问WEB网络,依然可以实现上述适配过程。只不过这样的设计一方面需要有足够的空间来保存模板,不利于模板的管理,另一方面在需要对模板等功能模块进行升级更新时,还需要在每个移动终端上进行升级,较为麻烦。
其中,在步骤S04中,还可以在在生成新页面的时候,同时生成新的应用逻辑,并将此应用逻辑添加到形成的新页面中。所述的应用逻辑可以采用各种技术或语言进行开发,例如Java或Python。这样的设计使得可以为移动终端定制独立于被访问的WEB网页的新的应用逻辑,使用更加方便。通常可应用于为企业单独定制某应用逻辑,提供某些移动应用,以供用户终端使用。
另外,所述的步骤S01~S03中,移动终端访问的目标既可以是普通的WEB页面,也可以是其他的数据源,如某数据库服务器、文件系统、网络接口、Web service、目录服务器和传感器中的一种或多种数据源中的相关数据信息等,从WEB网络返回的网页既可以是普通的WEB页面,也可以是从数据库服务器、文件系统、网络接口、Web service、目录服务器和传感器等数据源中获取的数据信息;其有效数据的提取、及与模板的绑定过程都是相同的。这样的设计,使得移动终端不仅可以针对普通的网页进行页面的适配,还可以针对其他的数据源提供的信息,如从数据库中获取数据,进行适配后,显示在移动终端上。
本发明实施例中所述的实现上述网页到移动终端的适配方法的移动终端页面适配装置设置在独立于移动终端之外的服务器节点上,是一种多业务移动应用网关,其结构如图2所示,包括:
与移动终端进行通讯的通信接口;
手机UI模板库,用于保存根据移动终端的显示特征设计的模板;模板包括变量及要获取移动终端的相关显示的参数信息,根据一些参数动态重新生成;所述的模板可以为一组,也可以为多组,能对应多个机型;其中,每组模板分别对应一种类型的页面,也对应不同的新页面的定制;
数据提取引擎,用于根据移动终端的访问请求,从WEB网络返回的网页信息中,提取出网页的有效数据;
新页面生成模块,与模板及数据提取引擎相连接,用于根据数据提取引擎提取的有效数据,按照预设的模板,将模板中的变量替换为数据提取引擎中提取出来的有效数据,重新生成适合在移动终端上显示的新页面,成为适配于移动终端的新页面;
应用逻辑添加模块,与新页面生成模块相连接,用于在新页面的时候,还包括生成新的应用逻辑,并将应用逻辑添加到形成的新页面中;
其中,所述的数据提取引擎包括网页提取模块、数据库提取模块、文件系统提取模块、网络接口提取模块、Web service提取模块、目录服务器提取模块、及传感器提取模块中的一种或多种:所述的网页提取模块针对普通的网页进行有效数据的提取;所述的数据库提取模块针对从数据库服务器中获取的数据信息进行有效数据的提取;所述的文件系统提取模块针对从文件系统中获取的数据信息进行有效数据的提取;所述的网络接口提取模块针对从网络接口中获取的数据信息进行有效数据的提取;所述的Web service提取模块针对从Web service中获取的数据信息进行有效数据的提取;所述的目录服务器提取模块针对从目录服务器中获取的数据信息进行有效数据的提取;所述的传感器提取模块针对从传感器中获取的数据信息进行有效数据的提取。其实,由于原始web页面只是作为数据提取的数据源使用,所以数据提取引擎可以不仅仅只包括网页提取模块、数据库提取模块、文件系统提取模块、网络接口提取模块、Web service提取模块、目录服务器提取模块、和传感器提取模块等,还可以扩展到其他的数据源,通过对其他数据源的提取并与手机UI模板绑定,来实现手机对各种数据源的访问。
另外,所述的移动终端页面适配装置也可以内置在移动终端内,就不需要设置与移动终端进行通讯的通信接口,而是直接与移动终端的浏览器及网络接口相连接,浏览器通过移动终端页面适配装置经由网络接口进行WEB网络的访问;WEB网络返回的数据经由网络接口通过移动终端页面适配装置重新生成新页面后,再显示在移动终端的浏览器上。
数据提取和数据绑定的原理如图4所示,其中,空心方形代表原WEB页面及模板中所携带的格式等信息;空心圆形代表有效数据;实心圆形则代表模板变量。由于原始页面数据可以转换成为标准XML格式,所以提取规则可以采用XPath技术。网页中的有效数据提取后,会获得一个名称,以便后续数据绑定时使用。手机UI模板中包含的模板变量,是在模板中填充数据的依据,在从进行数据绑定时,会将模板中的变量名称与上面提到的数据名称进行匹配然后进行替换。用提取出来的有效数据替换手机UI模板中的变量,即可生成手机可以显示的新的页面。
另外,由于手机屏幕大小的多样性,所以UI模板采用与手机无关的技术体系,例如WAP或私有、自定义标签体系,这样就可以实现一套模板服务于所有的手机类型。当然,还可以针对性的多设计多套模板,分别针对不同的页面,常用于企业的定制,非常实用。
由于手机UI模板库是根据手机显示特征(例如手机屏幕大小)进行预先设计的,所以新的手机页面将会很好的显示在手机上,实现了手机对大量传统互联网资源和应用的较好的访问。又由于最终的新页面是按照预设的根据手机的显示特征设计的模板及提取的网页信息中的有效数据重新生成的,原始WEB页面只是作为一种数据源在应用逻辑中被使用,而其页面中的其他信息(例如页面格式数据)的使用为可选,实现了手机显示效果的预先设计,实现了手机显示页面设计与原始页面数据处理的分离;所以可以避免手机页面对原始页面的强耦合,将原始页面的变化给手机显示页面带来的影响最小化,原始WEB页面的变化对手机页面不会产生任何影响(只影响手机页面中的数据显示),新生成的新页面与原有网页的耦合度更低,使得互联网网页到手机的适配更加灵活,能使手机更方便的访问现有互联网网页信息。同时,由于原始页面不存在了,进存在重新生成的新页面,也在一定程度上增强了手机进行数据访问的安全性。同时,又由于同时在应用逻辑中,原始页面只是作为一种数据源来被使用,实现了手机显示页面与原始互联网页面的松耦合,可以处理更复杂的页面,降低了手机页面与WEB页面的耦合度,所以用户可以根据手机应用的需要在应用逻辑中定义复杂的业务逻辑,可以灵活的基于此架构实现复杂手机网络应用的定义和开发,更好的提供了负责手机应用的支持。
以上内容是结合具体的优选实施方式对本发明所作的进一步详细说明,不能认定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干简单推演或替换,都应当视为属于本发明的保护范围。