CN105025065B - 将Web网站转换为Web应用的方法、装置与系统 - Google Patents
将Web网站转换为Web应用的方法、装置与系统 Download PDFInfo
- Publication number
- CN105025065B CN105025065B CN201410180492.7A CN201410180492A CN105025065B CN 105025065 B CN105025065 B CN 105025065B CN 201410180492 A CN201410180492 A CN 201410180492A CN 105025065 B CN105025065 B CN 105025065B
- Authority
- CN
- China
- Prior art keywords
- web
- web site
- converted
- application
- terminal
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本公开涉及一种将Web网站转换为Web应用的方法、装置与系统。该方法包括下载本地应用安装包,本地应用安装包中包括应用模版、转换配置文件和终端引擎;根据终端引擎和转换配置文件对需要转换的Web网站的结构和内容进行分析,并对Web网站中的网页进行转换和重组;结合应用模版生成新的应用界面;对新的应用界面进行渲染和呈现。本公开不仅减少了对第三方平台的依赖也无需开发者对Web应用进行二次开发。
Description
技术领域
本公开涉及移动互联网,特别地,涉及一种将Web网站转换为Web应用的方法、装置与系统。
背景技术
随着移动终端的普及和移动互联网的发展,越来越多的用户通过手机接入互联网获取信息。虽然随着移动终端硬件的发展,智能终端的运行能力几乎可以媲美PC机,也可以如同在PC上一样浏览网页,但受限的屏幕大小和不同的操作方式还是大大降低了用户的体验;因此,许多Web应用服务商开始针对移动终端改进用户体验,一般采用两种方式:一是针对移动终端推出移动版网页,以适配终端屏幕,例如,网易、新华网、新浪网等信息类网站;二是针对移动终端推出本地客户端,直接从用户的使用方式上进行适配,例如,新浪博客、优酷等。第一种方式只需要在后台对网页做修改和调整,但受限于终端浏览器能力,可能在展现效果上受到影响;第二种方式需要应用厂商有较强的开发能力,针对于不同操作系统、终端平台开发和维护客户端。
除了上述两种方式外,还存在一些第三方的解决方案,例如,浏览器厂商通过架设后台服务器对目标网站的内容进行提取分析,在浏览器侧进行重组排版,以提升用户浏览网页的体验,例如,UC浏览器。此外,百度的siteapp平台为开发者提供在线的将Web网站转换为Web应用的方法。在这两种方案中,Web网站的转换和应用的访问都需要通过第三方服务器平台执行。
在上述的几种方案中,第一种方案和第二种方案都需要开发者针对于移动终端平台进行第二次开发,增加了开发者的开发和维护工作量;第三种方案和第四种方案需要依赖于第三方服务平台的实时转换,可能形成业务访问的瓶颈。
发明内容
本公开鉴于以上问题中的至少一个提出了新的技术方案。
本公开在其一个方面提供了一种将Web网站转换为Web应用的方法,其不仅减少了对第三方平台的依赖也无需开发者对Web应用进行二次开发。
本公开在其另一方面提供了一种将Web网站转换为Web应用的装置,其不仅减少了对第三方平台的依赖也无需开发者对Web应用进行二次开发。
本公开在其又一方面提供了一种将Web网站转换为Web应用的系统,其不仅减少了对第三方平台的依赖也无需开发者对Web应用进行二次开发。
根据本公开,提供一种将Web网站转换为Web应用的方法,包括:
下载本地应用安装包,本地应用安装包中包括应用模版、转换配置文件和终端引擎;
根据终端引擎和转换配置文件对需要转换的Web网站的结构和内容进行分析,并对Web网站中的网页进行转换和重组;
结合应用模版生成新的应用界面;
对新的应用界面进行渲染和呈现。
在本公开的一些实施例中,该方法还包括:
在转换服务器上生成需要转换的Web网站的本地应用安装包。
在本公开的一些实施例中,在转换服务器上生成需要转换的Web网站的本地应用安装包的步骤包括:
接收用户所输入的需要转换的Web网站的URL;
对Web网站进行分析;
接收用户输入的对Web应用的设置;
基于用户输入的设置生成应用模版和转换配置文件;
将存储的终端引擎、生成的应用模版和转换配置文件打包成本地应用安装包。
在本公开的一些实施例中,转换配置文件包括菜单项配置文件和内容项配置文件。
在本公开的一些实施例中,内容项配置文件中包含需要自Web网站提取的节点和每个节点对应的控件风格。
根据本公开,还提供了一种将Web网站转换为Web应用的装置,包括:
下载单元,用于下载本地应用安装包,本地应用安装包中包括应用模版、转换配置文件和终端引擎;
网站分析单元,用于根据终端引擎和转换配置文件对需要转换的Web网站的结构和内容进行分析,并对Web网站中的网页进行转换和重组;
应用界面生成单元,用于结合应用模版生成新的应用界面;
应用呈现单元,用于对新的应用界面进行渲染和呈现。
在本公开的一些实施例中,转换配置文件包括菜单项配置文件和内容项配置文件。
在本公开的一些实施例中,内容项配置文件中包含需要自Web网站提取的节点和每个节点对应的控件风格。
根据本公开,还提供了一种将Web网站转换为Web应用的系统,包括转换服务器和前述实施例的将Web网站转换为Web应用的装置,其中,转换服务器用于生成需要转换的Web网站的本地应用安装包。
在本公开的一些实施例中,转换服务器包括:
URL获取单元,用于接收用户所输入的需要转换的Web网站的URL;
网站分析单元,用于对Web网站进行分析;
设置接收单元,用于接收用户输入的对Web应用的设置;
参数生成单元,用于基于用户输入的设置生成应用模版和转换配置文件;
打包单元,用于将存储的终端引擎、生成的应用模版和转换配置文件打包成本地应用安装包。
在本公开的技术方案中,由于对Web网站的分析与转换在终端侧完成,并且由终端引擎中的逻辑指引Web应用在本地的生成与展现,因此无需第三方平台和开发者再针对每个Web网站开发相应的Web应用,而是由终端自己生成,进而减少了Web应用开发对第三方平台和开发者的依赖。
附图说明
此处所说明的附图用来提供对本公开的进一步理解,构成本申请的一部分。在附图中:
图1是本公开一个实施例的将Web网站转换为Web应用的方法的流程示意图。
图2是本公开用户通过转换服务器实现网站转换配置的业务流程示意图。
图3是本公开中终端引擎的功能架构示意图。
图4是本公开的一个实施例的将Web网站转换为Web应用的装置的结构示意图。
图5是本公开一个实施例的将Web网站转换为Web应用的系统的结构示意图。
具体实施方式
下面将参照附图描述本公开。要注意的是,以下的描述在本质上仅是解释性和示例性的,决不作为对本公开及其应用或使用的任何限制。除非另外特别说明,否则,在实施例中阐述的部件和步骤的相对布置以及数字表达式和数值并不限制本公开的范围。另外,本领域技术人员已知的技术、方法和装置可能不被详细讨论,但在适当的情况下意在成为说明书的一部分。
由于智能终端的发展,终端的处理能力逐渐增强,发明人发现,可以将第三方平台和开发者所做的工作转移到终端上来完成,即,从终端的角度来解决Web网站转换成Web应用的需求。
本公开提出了一种在终端侧实现Web网站转换为Web应用的方法、装置与系统,其只需要在服务端(即,转换服务器上)设置好Web网站转换为Web应用的应用模版和转换参数,在终端侧安装好本地应用安装包后,根据转换配置文件直接从源Web网站获取数据,不需要再经过服务端中转,直接在终端侧实现对源网页的解析、转换和新网页的呈现,充分利用智能终端的处理能力,减少对第三方平台的依赖;同时也不需要开发者进行二次开发。
图1是本公开一个实施例的将Web网站转换为Web应用的方法的流程示意图。
如图1所示,该实施例可以包括以下步骤:
S102,下载本地应用安装包,本地应用安装包中包括应用模版、转换配置文件和终端引擎;
其中,应用模板即没有填内容的Web应用,但是Web应用中的页面的风格、布局以及字体等都已经在应用模板中被确定了。
具体地,转换配置文件可以包括但不限于菜单项配置文件和内容项配置文件。
其中,菜单项配置文件中包括但不限于导航内容以及每个导航所对应的源Web网站地址。
内容项配置文件中包含但不限于需要自Web网站提取的节点和每个节点对应的控件风格。
S104,根据终端引擎和转换配置文件对需要转换的Web网站的结构和内容进行分析,并对Web网站中的网页进行转换和重组;
具体地,终端引擎到需要转换的Web网站中根据转换配置文件读取相应节点的结构和内容,并将读取到的内容转换和重组成Web应用要求的形成。
S106,结合应用模版生成新的应用界面。
S108,对新的应用界面进行渲染和呈现。
在该实施例中,由于对Web网站的分析与转换在终端侧完成,并且由终端引擎中的逻辑指引Web应用在本地的生成与展现,因此无需第三方平台和开发者再针对每个Web网站开发相应的Web应用,而是由终端自己生成,进而减少了Web应用开发对第三方平台和开发者的依赖。
进一步地,在步骤S102之前,在转换服务器上生成需要转换的Web网站的本地应用安装包。
具体地,在转换服务器上生成需要转换的Web网站的本地应用安装包的步骤可以包括:
接收用户所输入的需要转换的Web网站的URL,即,告知转换服务器需要转换的网站的地址;
对Web网站进行分析,即,判断该Web网站是否为有效网站;
接收用户输入的对Web应用的设置,其中,该用户可以为注册用户或管理员,具体地,可以针对终端所使用的不同操作系统等针对同一Web网站生成不同的Web应用;
基于用户输入的设置生成应用模版和转换配置文件;
将存储的终端引擎、生成的应用模版和转换配置文件打包成本地应用安装包。
接下来,通过下述实例对本公开中的技术方案做进一步说明。
在一个实例中,实现Web网站转换为Web应用的流程可以包括如下步骤:
(1)网站开发者登录转换服务器,输入待转换Web网站的URL,在转换服务器提供的指引下,完成对Web网站转换的配置。
(2)利用网站的转换配置数据生成本地应用安装包。
需要指出的是,终端的差异性体现在分辨率、终端能力与操作系统上,其中,操作系统是最大的差异性所在,如安卓终端和苹果终端,针对这个不同操作系统的终端,需要生成不同的安装包。
其中,应用安装包可以包括但不限于Web应用的应用模版、转换配置文件和本地封装代码,对于不同的操作系统,差异性主要体现在本地封装代码上,转换服务器实现不同的本地封装代码即可。
而分辨率和终端能力的差异性并不太大,只需要区分pad和终端手机即可,在这种情况下,差异性主要体现在Web应用的应用模版上,这种情况下开发者在开始配置的时候需选择好应用模版。
(3)终端下载本地应用安装包,安装运行,终端直接向源Web网站服务器获取网页信息,通过安装包安装在本地的引擎,结合转换配置文件中的数据对Web网站中的网页数据进行分析、转换和重组,形成新的界面,并在终端侧呈现。
图2是本公开用户通过转换服务器实现网站转换配置的业务流程示意图。
如图2所示,可以包括以下步骤:
步骤一,注册用户或管理员登录转换服务器,由转换服务器验证此用户的身份。
步骤二,在通过身份验证后输入需要转换的Web网站的地址。
步骤三,转换服务器对Web网站作初步分析,判断该Web网站是否为有效网站,其中,有效网站是指基于HTML页面架构标准的信息类网站,应用型网站(例如,采用FLASH的游戏网站等)和纯动态型网站(例如,基于单纯的javascript+css结构的网站)均为非有效网站。
步骤四,用户开始定制转换后的网站效果。具体包括:
(1)用户设置的顺序为:应用模版选择、菜单设置、页面设置和查看效果;
(2)用户设置成功一步,才能进行到下一步;
(3)在页面设置步骤中,又分成了页面布局、导航设置和内容排版步骤,用户完成一步,才能进行到下一步;
(4)当用户执行优化设置时(之前已完成,对一些设置再做修改),可以直接到某一步进行修改,但为了保证修改不影响后续的设置,需要到最后一步(查看效果)才能执行到提交的步骤;
(5)转换过程中可以看到示例效果。
其中,转换后的界面可以按下面的配置设置:
(5a)界面模板
界面模板是页面模板的框架,描述了界面的大致风格,包括菜单排列、主界面布局和内容栏布局几个部分。
(i)菜单排列有以下几种情况:
●无菜单(针对部分非常简单的企业网站,网站信息只需要分导航即可)
●单菜单,菜单底层放置
●单菜单,菜单右侧弹出放置
●单菜单,菜单右侧移出放置
●双菜单,一菜单底层放置,另一菜单右侧弹出放置
●双菜单,一菜单底层放置,另一菜单右侧移出放置
●双菜单,一菜单左侧移出放置,另一菜单右侧移出放置
(ii)主页面布局:主页面除了首页外,还包括点击菜单或导航的所有界面,即在主页框架内的所有界面,但不包括新的界面。有以下几种布局:
●标题栏、广告栏、导航栏、内容栏
●标题栏、导航栏、大图轮播、内容栏
●标题栏、大图轮播、内容栏
●标题栏、导航栏、内容栏
●标题栏、内容栏
(iii)内容栏布局:内容栏布局即主要内容的排列方式,内容栏布局主要分成两种类型,一种是单栏目方式,单栏目方式即内容不再分组或分类,按照一种排列方式排列;另一种是多栏目方式,多栏目即内容再分类,一个栏目又可以看作是一个主要页面布局,可以包括标题栏、导航栏、内容栏等。
(5b)页面设置
页面设置指对页面内容和内容的布局方式进行设置,包括主页面设置和默认页面设置,主页面指菜单项下面的一级页面。需要设置的内容包括:
(i)标题
通过页面初步分析,可以确定此页面的名称。因此在选择应用名称时,应给出一个默认的名称,用户可修改默认名称。
(ii)页面logo
通过页面初步分析,可以拿到此网站的部分图片资源,有些图片资源可以在合适的处理之后(如压缩)作为logo,因此在选择应用logo时,转换服务器可提供给用户选择,以哪个图片作为logo,也可以由用户自行上传logo。
(iii)页面布局
根据此页面的内容情况,转换服务器自动推荐几种页面布局供用户选择。例如,此页面中有大图轮播和导航条,页面布局中就推荐有大图轮播和导航条的页面布局。用户也可以选择非推荐的页面布局。
除了布局之外,还有界面的效果需要选择,转换服务器根据用户的颜色风格选择推荐页面布局风格给用户选择。页面布局效果包括:
●颜色风格:在样式选择中已经确定
●导航条样式
●轮播条的样式
●内容栏的样式:同一种页面布局可提供多种内容栏样式,如单栏的样式、多栏的样式、单列表的样式、两列表的样式等。
(iv)导航设置
如果页面布局中包括导航栏,则需要进行导航设置。
导航设置需要确定导航的名称和内容,导航的内容可以是链接地址,也可以是区域块。
导航的设置先由转换服务器分析获取,如果无法获取或者获取错误,由用户在界面上选取。
(v)广告栏设置
如果页面布局中包括广告栏,则需要进行广告栏设置。
广告栏的区域由转换服务器分析获取,如果无法获取或者获取错误,由用户在界面上选取。
(vi)内容栏设置
内容栏设置需要配置每个导航页下的内容栏布局方式,包括:
●选择单栏或多栏布局
●每个栏目下面的排列方式
●每个栏目下面的内容来源
步骤五,整体效果查看。
步骤六,应用转换设置完成,在用户的应用列表中新增此应用,用户可以基于此应用:
(1)优化:重新设置部分样式和内容;
(2)生成应用:应用模版、转换配置文件和终端引擎一起打包成本地应用安装文件。
为实现上述业务流程,转换服务器包括以下功能:网站分析、配置管理、效果预览和应用管理等。
(1)网站分析
网站分析即对Web网站的结构作分析,能判别页面的分区,每个区域的大致内容,网站分析可以应用到以下业务流程中:
(1a)用户输入网站地址后,转换服务器对网站的初步分析流程
在此业务流程中,转换服务器需对Web网站的主要页面进行预分析,分析网页的大致分区情况以及每个分区的大致内容。
如果转换服务器在自动分析网站后,有不确定的分区情况,可以交给用户选择。
经过转换服务器对网站的初步分析,能初步确认网站的结构,如网站的分级情况、导航栏的位置、图片轮播区的位置、内容区域等,为后续的网站转换配置奠定基础。
(1b)定制效果流程中的菜单选择流程
如果用户选择的样式中有菜单项,在此流程中需要定义菜单项的内容,菜单项的指定需要从网站的首页中选取,在此流程中,需要显示首页中可能成为菜单项的部分。
(1c)定制效果流程中的页面设置流程
在页面设置流程中,需要对转换后网站的主要页面内容的样式、内容作配置,因此需要对网站的分析过程。
(1d)终端引擎中的页面分析流程
开发者通过转换服务器定制完成后,生成的Web应用在终端引擎上运行,终端引擎需要根据转换配置文件对源Web网站数据获取和分析,在这里也需要网站分析流程。
网站分析的结果是生成页面脚本文件,为后续的流程提供基础(对转换服务器来说,后续的流程是配置管理,对终端引擎来说,后续的流程是页面转换),具体的页面分析流程如下:
(i)终端引擎/转换服务器获取到源Web网站指定页面的网页数据;
(ii)终端引擎/转换服务器根据页面的结构生成与页面相对应的DOM树的数据结构,DOM树保存了页面各个节点的内容及层级关系;
(iii)终端引擎/转换服务器将DOM树中的各个节点读取出来,并记录在定义好的各个类对象实例中;
(iv)给每个对象化后的节点赋予自定义的特征属性和标志位;
(v)生成新的对象化结构数列,并将其数据序列化起来以文件形式保存,该文件称为页面解析脚本。
(2)配置管理
配置管理遵循应用模版选择、菜单设置、导航设置、内容排版的步骤,执行完毕后,用户可进入到任何阶段进行修改,但为了防止修改后对后续步骤产生影响,因此,只在内容排版阶段可以提交生成。
配置管理遵循从源Web网站首页开始,逐级向下转换的流程,用户设置好应用首页后,再设置每个导航页面、菜单页面和子页面,从而完成了源Web网站向应用转换的整个过程。具体的流程包括以下步骤:
(2a)用户选择好应用模版后,转换服务器根据应用模版特点对源Web网站首页页面解析脚本进行分析,提取出可能成为菜单的节点(分析的依据是带超链接、分组的文本内容),转换服务器的分析可能不准确,这个过程可以有用户的参与和选择;
(2b)选择好菜单节点后,将节点名称写入应用模版的菜单中,并记录菜单节点对应的源网站地址;
(2c)选择第一个菜单,调用网站分析功能对此菜单对应的源Web网站的网页进行分析,得到该网页的页面解析脚本,用户选择该菜单对应的应用界面的导航和内容节点,并将配置信息写入应用模版和转换配置文件中;
(2d)选择第二个菜单,重复(2c)步骤的操作,直到配置完所有的菜单项。
配置完成后生成填充了部分内容的应用模版和转换配置文件。
(3)效果预览
效果预览提供了一个终端模拟器,模拟应用包在手机上的执行效果。其集成了终端引擎,对转换后的应用包的数据进行解析,接受用户的操作指令,向源Web网站发起网页请求,并对返回的网页数据进行分析、内容抽取和界面呈现。
(4)应用管理
在转换服务器上,只有一种应用类型,即网站经过转换配置后生成的应用包。应用包实际上是Web文件、转换配置文件和终端引擎的集合,通过打包程序打包后生成本地应用安装程序。
其中,终端引擎是用来解析Web文件和转换配置文件的。终端引擎是生成的Web应用和底层操作系统之间的中间件,主要目地是解析应用包、调用设备能力、并向应用反馈设备的调用效果。
转换服务器需要对应用包和相关的数据进行管理,相关的数据包括源Web网站的数据和配置的过程数据,这些数据用于应用转换完成后的后续优化操作。
终端引擎实现对待转换Web网站生成的应用包的解析,根据转换配置文件的要求,对源Web网站的网页数据进行分析、重组和呈现。
图3是本公开中终端引擎的功能架构示意图。
如图3所示,其中,应用包解析模块301实现对应用包的解析,对配置文件配置项的识别;网站分析模块302和转换服务器的网站分析功能基本相同,对待转换Web网站的网页的结构和内容进行分析,判别页面的分区,每个区域的大致内容。转换服务器实际上是内容定位,在转换服务器上配置好要填充在Web应用上的内容后,终端会根据转换配置文件获取这部分的web网页,但网页是文本化的,而且其采用了源Web网站的样式,终端引擎会将这部分的Web网页结构化,获取到内容,再匹配web应用的样式。所以说,转换服务器和终端引擎都是需要进行网页结构分析的,只是终端分析的内容要少于平台侧的。
网站转换模块303根据转换配置文件和页面分析脚本,对网页进行转换和重组,结合应用模版,生成新的应用界面。应用呈现管理模块304对网站转换模块303输出的新的应用界面进行渲染和呈现,此模块需要和终端操作系统的web内核进行交互,应用呈现管理模块主要是调用操作系统的Web内核接口,使用此接口对Web应用的网页做解析和渲染。终端引擎具体的处理流程如下:
(4a)通过应用包解析模块301获取到应用的框架结构;解析应用界面,配合转换配置文件获取到应用界面对应的源Web网站的网址,需要提取的节点以及转换后的控件风格;
(4b)调用网站分析模块302分析要转换的源Web网站的网页,获取到页面解析脚本;
(4c)调用网站转换模块303提取需要用到的网页节点,将节点的内容和新的应用控件风格组合起来写入到应用框架中,形成新的应用界面;
(4d)通过应用呈现管理模块304呈现应用界面。
网站转换生成的应用包是本发明中的关键数据结构,其描述了网站转换成新的Web应用的页面结构和源Web网站提取内容和新的Web应用页面的组合规则。
应用包由以下部分组成:第一部分是新的Web应用的网页框架,由HTML、CSS和JavaScript等Web文件组成;第二部分是转换配置文件,采用XML文件方式来描述;第三部分是终端引擎。
其中,转换配置文件的示例如下:
(i)菜单项的配置文件
{"menu_list":[{"data":[{"text":"孵化服务
","link":"http://www.189chuangyi.com/hatching/jcfw"},
{"text":"团队介绍","link":"http://www.189chuangyi.com/team"},
{"text":"关于我们
","link":"http://www.189chuangyi.com/aboutus"},
{"text":"基地动态
","link":"http://www.189chuangyi.com/information/jidi/shanghai"}],"type":1}],"title":{"text":"189创意"}}
其中,该菜单项的名称是189创意,菜单里面有4个导航内容,分别是孵化服务、团队介绍、关于我们和基地动态,并记录了每个导航的源Web网站地址。
(ii)内容项的配置文件
{"pageUrl":"http://www.189chuangyi.com/information/jidi/shanghai","moduleArray":[{"type":4,"pack":[{"ctrlId":77,"ctrlType":4,"frameType":51}]},{"type":4,"pack":[{"ctrlId":79,"ctrlType":4,"frameType":51}]}]}
其中,内容配置文件描述了内容的来源,需要提取的节点和节点对应的控件风格。pageUrl属性表示应用界面内容的来源,ctrlId表示需要提取的节点的id号,ctrlType、frameType表示节点对应的新的控件的类型,在本发明中支持多节点内容的嵌套,所以引入了pack这个属性。
本发明将网站的分析和实时转换工作放在终端侧实现,降低了对转换服务器的要求,保证了网站数据的安全性;当终端存在比较大的差异性时,例如,分辨率、操作方式、终端能力等,转换服务器可生成多个平台(或终端)的应用包,减少转换服务器为适配终端差异性的性能压力。
需要指出的是,虽然本公开中的转换服务器和终端均要对Web网站进行分析,但是,转换服务器的分析只是为了确定整个网站的结构,方便开发者配置Web应用,这种分析只会进行一次,配置好之后,在应用安装在终端后,终端就直接根据转换配置文件向源Web网站获取数据,数据取回来除了分析外,还要重组和呈现,这个过程就不需要转换服务器再参与了,并且由于网站结构固定,因此即使Web网站的内容更新了也无需转换服务器的参与,除非开发者要重新配置Web应用。
本公开在转换服务器侧采用了网页模板+源Web网站内容的配置方法,降低了完全由源Web网站网页进行内容分析、页面重组的复杂性,终端只需要根据配置文件的要求,从源Web网站中获取到指定的区域内容,再和页面模版组合,即可容易地形成新的应用界面。
本领域普通技术人员可以理解,实现上述方法实施例的全部和部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储于一计算设备可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤,而前述的存储介质可以包括ROM、RAM、磁碟和光盘等各种可以存储程序代码的介质。
图4是本公开的一个实施例的将Web网站转换为Web应用的装置的结构示意图。
如图4所示,该实施例中的装置40可以包括下载单元402、网站分析单元404、应用界面生成单元406和应用呈现单元408。其中,
下载单元402,用于下载本地应用安装包,本地应用安装包中包括应用模版、转换配置文件和终端引擎;
网站分析单元404,用于根据终端引擎和转换配置文件对需要转换的Web网站的结构和内容进行分析,并对Web网站中的网页进行转换和重组;
应用界面生成单元406,用于结合应用模版生成新的应用界面;
应用呈现单元408,用于对新的应用界面进行渲染和呈现。
在该实施例中,由于对Web网站的分析与转换在终端侧完成,并且由终端引擎中的逻辑指引Web应用在本地的生成与展现,因此无需第三方平台和开发者再针对每个Web网站开发相应的Web应用,而是由终端自己生成,进而减少了Web应用开发对第三方平台和开发者的依赖。
其中,转换配置文件可以包括但不限于菜单项配置文件和内容项配置文件。
进一步地,内容项配置文件中可以包含但不限于需要自Web网站提取的节点和每个节点对应的控件风格。
图5是本公开一个实施例的将Web网站转换为Web应用的系统的结构示意图。
如图5所示,该实施例中的系统50可以包括转换服务器502和将Web网站转换为Web应用的装置504,其中,转换服务器502用于生成需要转换的Web网站的本地应用安装包,将Web网站转换为Web应用的装置504可以通过前述实施例实现。
进一步地,转换服务器可以包括URL获取单元、网站分析单元、设置接收单元、参数生成单元和打包单元。其中,
URL获取单元,用于接收用户所输入的需要转换的Web网站的URL;
网站分析单元,用于对Web网站进行分析;
设置接收单元,用于接收用户输入的对Web应用的设置;
参数生成单元,用于基于用户输入的设置生成应用模版和转换配置文件;
打包单元,用于将存储的终端引擎、生成的应用模版和转换配置文件打包成本地应用安装包。
本说明书中各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同和相似的部分可以相互参见。对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处可以参见方法实施例部分的说明。
虽然已参照示例性实施例描述了本公开,但应理解,本公开不限于上述的示例性实施例。对于本领域技术人员显然的是,可以在不背离本公开的范围和精神的条件下修改上述的示例性实施例。所附的权利要求的范围应被赋予最宽的解释,以包含所有这样的修改以及等同的结构和功能。
Claims (10)
1.一种将Web网站转换为Web应用的方法,其特征在于,包括:
终端下载本地应用安装包,所述本地应用安装包中包括应用模版、转换配置文件和终端引擎,其中,所述应用模版是没有填内容的Web应用;
终端根据终端引擎和转换配置文件对需要转换的Web网站的结构和内容进行分析,并对Web网站中的网页进行转换和重组;
结合应用模版生成新的应用界面;
对新的应用界面进行渲染和呈现。
2.根据权利要求1所述的将Web网站转换为Web应用的方法,其特征在于,所述方法还包括:
在转换服务器上生成需要转换的Web网站的本地应用安装包。
3.根据权利要求2所述的将Web网站转换为Web应用的方法,其特征在于,所述在转换服务器上生成需要转换的Web网站的本地应用安装包的步骤包括:
接收用户所输入的需要转换的Web网站的URL;
对Web网站进行分析;
接收用户输入的对Web应用的设置;
基于用户输入的设置生成应用模版和转换配置文件;
将存储的终端引擎、生成的应用模版和转换配置文件打包成本地应用安装包。
4.根据权利要求1所述的将Web网站转换为Web应用的方法,其特征在于,所述转换配置文件包括菜单项配置文件和内容项配置文件。
5.根据权利要求4所述的将Web网站转换为Web应用的方法,其特征在于,所述内容项配置文件中包含需要自Web网站提取的节点和每个节点对应的控件风格。
6.一种将Web网站转换为Web应用的装置,其特征在于,所述装置位于终端,包括:
下载单元,用于下载本地应用安装包,所述本地应用安装包中包括应用模版、转换配置文件和终端引擎,其中,所述应用模版是没有填内容的Web应用;
网站分析单元,用于根据终端引擎和转换配置文件对需要转换的Web网站的结构和内容进行分析,并对Web网站中的网页进行转换和重组;
应用界面生成单元,用于结合应用模版生成新的应用界面;
应用呈现单元,用于对新的应用界面进行渲染和呈现。
7.根据权利要求6所述的将Web网站转换为Web应用的装置,其特征在于,所述转换配置文件包括菜单项配置文件和内容项配置文件。
8.根据权利要求7所述的将Web网站转换为Web应用的装置,其特征在于,所述内容项配置文件中包含需要自Web网站提取的节点和每个节点对应的控件风格。
9.一种将Web网站转换为Web应用的系统,其特征在于,包括转换服务器和权利要求6-8中任一项所述的将Web网站转换为Web应用的装置,其中,所述转换服务器用于生成需要转换的Web网站的本地应用安装包。
10.根据权利要求9所述的将Web网站转换为Web应用的系统,其特征在于,所述转换服务器包括:
URL获取单元,用于接收用户所输入的需要转换的Web网站的URL;
网站分析单元,用于对Web网站进行分析;
设置接收单元,用于接收用户输入的对Web应用的设置;
参数生成单元,用于基于用户输入的设置生成应用模版和转换配置文件;
打包单元,用于将存储的终端引擎、生成的应用模版和转换配置文件打包成本地应用安装包。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410180492.7A CN105025065B (zh) | 2014-04-24 | 2014-04-24 | 将Web网站转换为Web应用的方法、装置与系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410180492.7A CN105025065B (zh) | 2014-04-24 | 2014-04-24 | 将Web网站转换为Web应用的方法、装置与系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105025065A CN105025065A (zh) | 2015-11-04 |
CN105025065B true CN105025065B (zh) | 2019-04-16 |
Family
ID=54414767
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410180492.7A Active CN105025065B (zh) | 2014-04-24 | 2014-04-24 | 将Web网站转换为Web应用的方法、装置与系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105025065B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112181419A (zh) * | 2020-12-03 | 2021-01-05 | 成都极米科技股份有限公司 | 一种界面生成方法、装置及存储介质 |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107741844B (zh) * | 2016-08-22 | 2020-12-01 | 腾讯科技(深圳)有限公司 | 一种应用安装包的生成方法和装置 |
CN112363732A (zh) * | 2020-10-15 | 2021-02-12 | 深圳市明源云科技有限公司 | 网站封装方法、装置、终端设备及计算机可读存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1674513A (zh) * | 2005-04-30 | 2005-09-28 | 北京紫光绿信科技有限公司 | 一种web网页信息推送技术及应用系统 |
CN101409937A (zh) * | 2008-01-25 | 2009-04-15 | 聂沫平 | 一种将脚本转换成目标系统支持的数据格式的方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9164671B2 (en) * | 2010-06-11 | 2015-10-20 | Microsoft Technology Licensing, Llc | Web application navigation domains |
-
2014
- 2014-04-24 CN CN201410180492.7A patent/CN105025065B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1674513A (zh) * | 2005-04-30 | 2005-09-28 | 北京紫光绿信科技有限公司 | 一种web网页信息推送技术及应用系统 |
CN101409937A (zh) * | 2008-01-25 | 2009-04-15 | 聂沫平 | 一种将脚本转换成目标系统支持的数据格式的方法及装置 |
Non-Patent Citations (2)
Title |
---|
基于HTML5的跨终端Web生成系统的设计与实现;梁仲智;《中国优秀硕士学位论文全文数据库》;20140415;I138-608 |
移动互联网应用趋势—基于Web的终端平台;廖军等;《信息通信技术》;20100815;1-4 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112181419A (zh) * | 2020-12-03 | 2021-01-05 | 成都极米科技股份有限公司 | 一种界面生成方法、装置及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN105025065A (zh) | 2015-11-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7954107B2 (en) | Method and system for integrating the existing web-based system | |
CN110806863A (zh) | 接口文档生成方法及装置、电子设备、存储介质 | |
CN104572114B (zh) | 一种绑定装置、应用更新装置及方法 | |
CN103077185B (zh) | 一种基于对象的自定义扩展信息的方法 | |
CN105824787B (zh) | 一种html模板动态配置的控制方法及系统 | |
CN101122921B (zh) | 基于ajax与html标记形成树形显示结构的方法 | |
Di Lucca et al. | An approach for reverse engineering of web-based applications | |
CN111666526A (zh) | 页面生成方法、装置、设备及存储介质 | |
CN107766344B (zh) | 一种模板渲染的方法、装置及浏览器 | |
CN105138448A (zh) | 一种在前端测试页面的方法和装置 | |
CN107766532A (zh) | 一种前端Node.js自动化正静态方法 | |
CN104158836A (zh) | 一种通过数据渲染移动应用界面的方法 | |
CN101369272A (zh) | 一种自动填充系统及自动填充注册或登录信息的方法 | |
CN106997298A (zh) | 一种应用资源获取方法及装置 | |
US20020038349A1 (en) | Method and system for reusing internet-based applications | |
CN102073670B (zh) | 一种用于调试在线网页模板的方法、设备及系统 | |
CN107229760B (zh) | 存储介质、电子装置、网页内容的显示方法和装置 | |
CN110347378A (zh) | 项目开发环境的搭建方法及装置 | |
CN106406844A (zh) | 实现通讯交互平台公众号菜单的方法和装置 | |
CN110780868A (zh) | 基于组件化模板的网站开发方法、装置、设备和存储介质 | |
Williamson | Learning AngularJS: A Guide to AngularJS Development | |
CN105025065B (zh) | 将Web网站转换为Web应用的方法、装置与系统 | |
CN105447198A (zh) | 页面脚本便捷导入的方法及装置 | |
CN113296653A (zh) | 一种仿真交互模型构建方法、交互方法及相关设备 | |
CN102253986A (zh) | 提高多终端网页显示效果的方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |