CN103051684A - 将网站转化为Web App进行展示的方法、系统和装置 - Google Patents

Abstract

本发明提出一种将网站转化为Web App进行展示的方法，包括：云端服务器获得网站的域名并抓取网站内多个网页；云端服务器分别对多个网页进行分析以生成网站的多个前端模板并存储至数据库；云端服务器接收用户通过移动终端发送的访问请求消息；云端服务器将网站壳架构及网站的标识发送至移动终端；云端服务器将与访问请求消息所对应的前端模板及内容数据发送至移动终端端模板，并渲染前端模板以将用户请求的页面转换为WebApp页面并展示给用户。本发明快速无损将网页转换成适合移终端浏览的WebApp，充分优化流量电量，页面切换流畅，减少等待时间，改善了用户体验。本发明还公开了一种将网站转化为Web App进行展示的系统、云端服务器和移动终端。

Description

将网站转化为Web App进行展示的方法、系统和装置

技术领域

本发明涉及互联网技术领域，特别涉及一种将网站转化为Web App进行展示的方法、系统和装置。 

背景技术

随着移动终端的普及和智能化，越来越多的用户使用移动终端浏览网页。但是移动终端设备的屏幕分辨率大小不等，适配开发成本大。并且移动终端设备的CPU处理性能低，内存小。因此有些网站网页并不适合在移动终端直接进行显示，需要二次开发，在开发设计时要考虑到移动终端的软硬件因素。传统的方法有针对某些网站进行改进的，但是没有普适性。 

每一个传统的网站网页都对应一个HTML页面，每次用户点击一个新的链接，浏览器的URL发生变化时，都要重新刷新一次页面。一些体验良好的网站会使用Ajax技术进行页面的动态加载和局部刷新，这种方式可以一定程度减少用户的等待时间，节省了重复加载的流量。但是这些对于流量敏感，功能有限的移动终端来讲，这种优化的程度还不够，用户还是会在切换和加载过程中出现空白，需要较长等待时间，并且有时加载的页面也不适合在移动终端进行显示。现有技术在流量、电量和时间方面都有很大的优化空间。 

发明内容

本发明旨在至少解决现有技术中存在的技术问题之一。为此，本发明的一个目的在于提出一种将网站转化为Web App进行展示的方法。本方法提出一种快速无损的将网络站点转换成适合移动终端浏览的Web App的方法，充分优化流量，页面切换流畅，减少用户等待时间，改善了在移动终端浏览网页的用户体验。 

本发明的第二个目的在于提出一种将网站转化为Web App进行展示的系统。 

本发明的第三个目的在于提出一种云端服务器。 

本发明的第四个目的在于提出一种移动终端。 

为达到上述目的，本发明第一方面的实施例提出了一种将网站转化为Web App进行展示的方法，包括以下步骤：云端服务器获得网站的域名，并根据所述网站的域名抓取所述网站内多个网页，其中，每个网页具有不同的类型；所述云端服务器分别对所述多个网页进行分析以生成所述网站的多个前端模板，将所述多个前端模板存储至数据库，其中，所述多个前端模板与所述网站的标识相关；所述云端服务器接收用户通过移动终端发送的访问请求消息；所述云端服务器将网站壳架构及所述网站的标识发送至所述移动终端，以供所述移动终端加载所述网站壳架构；所述云端服务器将与所述访问请求消息所对应的前端模板及内容数据发送至所述移动终端，其中，所述移动终端将所述内容数据拼装至所述前端模板，并渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。 

根据本发明实施例的将网站转化为Web App进行展示的方法可以快速简便的将网络站点转换成适合移动终端浏览的Web App，减少了对移动终端进行二次开发的成本，同时保证了原页面内容块数据的完整性、页面布局的定制 性和多样性，无损的做到转化后的网站Web App浏览体验。本方法只加载一次网站壳架构，将其它用户请求用局部刷新来处理，将流量进行了充分优化，尽量减少用户等待时间，在移动终端浏览网页更加流畅，改善了用户体验，节省了人力成本。 

在本发明的一个实施例中，还包括：当所述用户点击所述Web App页面中的链接时，所述网站壳架构劫持点击所述链接所产生的请求；所述网站壳架构分析所述链接的内容数据和类型；当所述链接所指页面与当前页面属于同一个域时，将所述当前页面的标签的HREF属性添加至所述请求中，并发送至所述云端服务器。对于全局的HTML前端模板，Java Script代码和CSS代码只加载一次，其他局部的JavaScript和CSS代码按需加载，在不使用时不加载。 

在本发明的一个实施例中，还包括：所述云端服务器根据所述网站的标识和所述链接对应的URL获得对应的前端模板和内容数据，并将所述链接对应的前端模板和内容数据发送至所述移动终端；所述移动终端将所述链接对应的内容数据拼装至所述前端模板，以及渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。 

在本发明的一个实施例中，还包括：当所述链接所指页面与当前页面不属于同一个域，且所述链接所指页面的域不属于所述云端服务器所转化的Web App时，关闭所述网站壳架构并在新窗口打开所述链接。 

在本发明的一个实施例中，所述前端模板中包括页面布局信息和多个组件模板信息。 

在本发明的一个实施例中，所述移动终端对获得的多个组件模板信息进行缓存。将服务器端的数据缓存到移动终端，可以减少请求次数和响应时间，节省流量，使得用户体验更加流畅。 

本方法在本发明的一个实施例中，还包括：所述网站壳架构对所述用户 开启的页面进行维护，并为所述用户开启的页面进行标记；当所述网站壳架构接收到所述用户的网页切换指令之后，根据标记的页面进行切换。加载的页面切换流畅，用户感觉不到在传统网站上经常出现的页面空白样的页面的刷新，有效改善了用户体验。 

在本发明的一个实施例中，还包括：所述网站壳架构将所述用户开启的预设数量的页面进行缓存。缓存使得用户近期访问过的页面在没有网络连接的情况下也能离线运行，最大程度的节约了请求数量和请求的流量，节省了流量，加快了响应速度。 

本发明第二方面的实施例提出了一种将网站转化为Web App进行展示的系统，包括开发者客户端、云端服务器和移动终端，其中，所述开发者客户端，用于提供网站，并将所述网站的域名发送至所述云端服务器；所述云端服务器，用于根据所述网站的域名抓取所述网站内多个网页，并分别对所述多个网页进行分析以生成所述网站的多个前端模板，将所述多个前端模板存储至数据库，其中，每个网页具有不同的类型，所述多个前端模板与所述网站的标识相关，以及接收用户通过移动终端发送的访问请求消息，并将网站壳架构及所述网站的标识发送至所述移动终端，并在所述移动终端加载所述网站壳架构之后，将与所述访问请求消息所对应的前端模板及内容数据发送至所述移动终端；所述移动终端，用于将所述内容数据拼装至所述前端模板，并渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。 

根据本发明实施例的将网站转化为Web App进行展示的系统可以快速简便的将网络站点转换成适合移动终端浏览的Web App，减少了对移动终端进行二次开发的成本，同时保证了原页面内容块数据的完整性、页面布局的定制性和多样性，无损的做到转化后的网站Web App浏览体验。本方法只加载一次网站壳架构，将其它用户请求用局部刷新来处理，将流量进行了充分优化，尽量 减少用户等待时间，在移动终端浏览网页更加流畅，改善了用户体验，节省了人力成本。 

在本发明的一个实施例中，所述移动终端包括：请求模块，用于向所述云端服务器发送访问请求消息；接收模块，用于接收云端服务器发送的所述网站壳架构及所述网站的标识，以及所述访问请求消息所对应的前端模板及内容数据；网站壳架构模块，用于与所述移动终端中的浏览器相互通信，将所述浏览器生成的访问请求中添加所述网站对应的标识，并发送至所述云端服务器；加载模块，用于接收所述云端服务器反馈的前端模板和内容数据，并将所述内容数据加载至所述前端模板；渲染模块，用于选择加载之后的所述前端模板。 

在本发明的一个实施例中，当所述用户点击所述Web App页面中的链接时，所述网站壳架构模块还用于劫持点击所述链接所产生的请求，并分析所述链接的内容数据和类型，以及在所述链接所指页面与当前页面属于同一个域时，将所述当前页面的标签的HREF属性添加至所述请求中，并发送至所述云端服务器。对于全局的HTML前端模板，Java Script代码和CSS代码只加载一次，其他局部的JavaScript和CSS代码按需加载，在不使用时不加载。 

在本发明的一个实施例中，所述云端服务器还用于根据所述网站的标识和所述链接对应的URL获得对应的前端模板和内容数据，并将所述链接对应的前端模板和内容数据发送至所述移动终端，所述移动终端还用于将所述链接对应的内容数据拼装至所述前端模板，以及渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。 

在本发明的一个实施例中，当所述链接所指页面与当前页面不属于同一个域，且所述链接所指页面的域不属于所述云端服务器所转化的Web App时，所述网站壳架构模块关闭所述网站壳架构并在新窗口打开所述链接。 

在本发明的一个实施例中，所述前端模板中包括页面布局信息和多个组件模板信息。 

在本发明的一个实施例中，所述移动终端还包括：缓存模块，用于对获得的多个组件模板信息进行缓存。将服务器端的数据缓存到移动终端，可以减少请求次数和响应时间，节省流量，使得用户体验更加流畅。 

在本发明的一个实施例中，所述网站壳架构模块还用于对所述用户开启的页面进行维护，并为所述用户开启的页面进行标记，并在所述网站壳架构模块接收到所述用户的网页切换指令之后，根据标记的页面进行切换。加载的页面切换流畅，用户感觉不到在传统网站上经常出现的页面空白样的页面的刷新，有效改善了用户体验。 

在本发明的一个实施例中，所述网站壳架构还用于将所述用户开启的预设数量的页面缓存至内存。缓存使得用户近期访问过的页面在没有网络连接的情况下也能离线运行，最大程度的节约了请求数量和请求的流量，节省了流量，加快了响应速度。 

本发明第三方面的实施例提出了一种云端服务器，包括接收模块、抓取模块、模板管理模块、请求接收模块和控制模块。接收模块用于接收网站域名；抓取模块用于根据所述网站的域名抓取所述网站内多个网页，其中，每个网页具有不同的类型；模板管理模块用于分别对所述多个网页进行分析以生成所述网站的多个前端模板，将所述多个前端模板存储至数据库；请求接收模块用于接收用户通过移动终端发送的访问请求消息；控制模块用于将网站壳架构及所述网站的标识发送至所述移动终端，并在所述移动终端加载所述网站壳架构之后，将与所述访问请求消息所对应的前端模板及内容数据发送至所述移动终端，其中，所述移动终端将所述内容数据拼装至所述前端模板，并渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。 

根据本发明实施例的云端服务器可以快速简便的将网络站点转换成适合移动终端浏览的Web App，减少了对移动终端进行二次开发的成本，同时保证了原页面内容块数据的完整性、页面布局的定制性和多样性，无损的做到转化 后的网站Web App浏览体验。本云端服务器提供的Web App只加载一次网站壳架构，将其它用户请求用局部刷新来处理，将流量进行了充分优化，尽量减少用户等待时间，在移动终端浏览网页更加流畅，改善了用户体验，节省了人力成本。 

在本发明的一个实施例中，所述接收模块还用于当所述用户点击所述Web App页面中的链接时，接收所述移动终端发送的所述网站的标识和所述链接对应的URL，所述控制模块还用于根据所述网站的标识和所述链接对应的URL获得对应的前端模板和内容数据，并将所述链接对应的前端模板和内容数据发送至所述移动终端，其中，所述移动终端将所述链接对应的内容数据拼装至所述前端模板，以及渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。 

在本发明的一个实施例中，所述前端模板中包括页面布局信息和多个组件模板信息。 

本发明第四方面的实施例提出了一种移动终端，包括请求模块、接收模块、网站壳架构模块、加载模块和渲染模块。请求模块用于向云端服务器发送访问请求消息；接收模块用于接收云端服务器发送的所述网站壳架构及所述网站的标识，以及所述访问请求消息所对应的前端模板及内容数据；网站壳架构模块用于与所述移动终端中的浏览器相互通信，将所述浏览器生成的访问请求中添加所述网站对应的标识，并发送至所述云端服务器；加载模块用于接收所述云端服务器反馈的前端模板和内容数据，并将所述内容数据加载至所述前端模板；渲染模块用于选择加载之后的所述前端模板。 

根据本发明实施例的移动终端显示云端服务器转换的适合移动终端浏览的Web App，只加载一次网站壳架构，将其它用户请求用局部刷新来处理，将流量进行了充分优化，尽量减少用户等待时间，浏览网页更加流畅，改善了用户体验，节省了人力成本。 

在本发明的一个实施例中，当所述用户点击所述Web App页面中的链 接时，所述网站壳架构模块还用于劫持点击所述链接所产生的请求，并分析所述链接的内容数据和类型，以及在所述链接所指页面与当前页面属于同一个域时，将所述当前页面的标签的HREF属性添加至所述请求中，并发送至所述云端服务器。对于全局的HTML前端模板，Java Script代码和CSS代码只加载一次，其他局部的JavaScript和CSS代码按需加载，在不使用时不加载。 

在本发明的一个实施例中，当所述链接所指页面与当前页面不属于同一个域，且所述链接所指页面的域不属于所述云端服务器所转化的Web App时，所述网站壳架构模块关闭所述网站壳架构并在新窗口打开所述链接。 

在本发明的一个实施例中，所述前端模板中包括页面布局信息和多个组件模板信息。 

在本发明的一个实施例中，还包括：缓存模块，用于对获得的多个组件模板信息进行缓存。将服务器端的数据缓存到移动终端，可以减少请求次数和响应时间，节省流量，使得用户体验更加流畅。 

在本发明的一个实施例中，所述网站壳架构模块还用于对所述用户开启的页面进行维护，并为所述用户开启的页面进行标记，并在所述网站壳架构模块接收到所述用户的网页切换指令之后，根据标记的页面进行切换。加载的页面切换流畅，用户感觉不到在传统网站上经常出现的页面空白样的页面的刷新，有效改善了用户体验。 

在本发明的一个实施例中，所述网站壳架构还用于将所述用户开启的预设数量的页面缓存至内存。缓存使得用户近期访问过的页面在没有网络连接的情况下也能离线运行，最大程度的节约了请求数量和请求的流量，节省了流量，加快了响应速度。 

本发明的附加方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。 

附图说明

本发明的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解，其中： 

图1是根据本发明实施例的将网站转化为Web App进行展示的方法流程图； 

图2是传统网页和根据本发明实施例的Web App的对比示意图； 

图3是根据本发明实施例的将网站转化为Web App进行展示的系统的结构示意图； 

图4是根据本发明实施例的云端服务器的结构示意图；和 

图5是根据本发明实施例的移动终端的结构示意图。 

具体实施方式

下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本发明，而不能理解为对本发明的限制。 

下面参考图1描述根据本发明实施例的将网站转化为Web App进行展示的方法，包括以下步骤： 

步骤S110：云端服务器获得网站的域名，并根据网站的域名抓取网站内多个网页，其中，每个网页具有不同的类型。 

例如，可以由网站站长输入需要建站的网站的域名，云端服务器根据获得网站的域名自动抓取出具有不同的类型的多个网页，对于同一类型的网页，一般只进行一次标注，同时生成用于唯一识别该网站站点的网站的标识，记为AppID。 

步骤S120：云端服务器分别对多个网页进行分析以生成网站的多个前 端模板，将多个前端模板存储至数据库，其中，多个前端模板与网站的标识相关。 

在本发明的一个实施例中，前端模板中包括页面布局信息和多个组件模板信息。 

云端服务器对多个网页进行分析以生成网站的多个前端模板，前端模板中包括页面布局信息和多个组件模板信息。前端模板包含页面的HTML结构代码、组件和组件类型、组件之间的顺序关系以及组件对应的数据内容信息。例如，云端服务器识别出网页的导航块和栏目块等组件，云端服务器将可视化的组件区域向用户进行的重点突出的提示。除了使用默认识别出的导航块和栏目块组件，将其内容信息作为前端模板的内容信息，网站站长也可以手动的输入标题和内容，云端服务器将用户自定义的数据保存在字典数据中，并和AppID进行关联对应，同时将对应的组件添加到生成的Web App站点。此时，网站站长可以预览Web App的内容页面，同时对前端模板进行操作和编辑，例如拖动组件之间的先后顺序，或者删除组件，或者重新标注整个页面。云端服务器将Web App站点的前端模板存入数据库中，并和AppID进行关联对应，网站站长自定义的组件信息，比如标题和内容保存在字典数据中。 

步骤S130：云端服务器接收用户通过移动终端发送的访问请求消息。 

例如，用户在移动终端的浏览器中输入域名发起请求，云端服务器接收请求消息。 

步骤S140：云端服务器将网站壳架构及网站的标识发送至移动终端，以供移动终端加载网站壳架构。 

例如，云端服务器接收请求消息，并通过数据库查找对应的唯一标识AppID。云端服务器将网站壳架构和AppID发送至移动终端，移动终端加载网站壳架构。其中，网站壳架构包括初始化模板，是对网站站点之间的共同布局和公共功能抽象后的网站架构。网站壳架构运行在Web App的整个生命周期内，用于对Web App进行管理以及分发请求。 

步骤S150：云端服务器将与访问请求消息所对应的前端模板及内容数据发送至移动终端，其中，移动终端将内容数据拼装至前端模板，并渲染前端模板以将用户请求的页面转换为Web App页面并展示给用户。 

例如，云端服务器读取数据库中与AppID对应的前端模板信息，将与访问请求消息所对应的前端模板及内容数据发送至移动终端。前端模板中组件所对应于原网站的数据通过XPATH与存储的数据关联。其中，前端模板以字符串形式返回，XPATH的字符串记录在组件的DOM节点的属性中。网站壳架构根据AppID，读取数据库中该视图对应的数据，以JSON形式返回。移动终端得到了页面的前端模板信息和内容数据，通过网站壳架构将内容数据拼装至前端模板，对进行渲染，得到了完整的页面。 

在本发明的一个实施例中，根据本发明实施例的将网站转化为Web App进行展示的方法还包括： 

步骤S210：当用户点击Web App页面中的链接时，网站壳架构劫持点击链接所产生的请求。 

用户点击Web App页面中的某一条链接，移动终端对链接A标签被点击的默认处理方式为向云端服务器发送请求，但是Web App的网站壳架构对自包含的点击事件进行了劫持。 

步骤220：网站壳架构分析链接的内容数据和类型。 

网站壳架构劫持点击链接所产生的请求，并分析该链接的内容和类型，再选择对应的处理方式。 

步骤S230：当链接所指页面与当前页面属于同一个域时，将当前页面的标签的HREF属性添加至请求中，并发送至云端服务器。例如，如果该链接和当前的链接属于同一个域，那么会将A标签中的HREF属性提取出来，作为GET请求的一个参数发至云端服务器。 

当链接所指页面与当前页面不属于同一个域，且链接所指页面的域不属于云端服务器所转化的Web App时，关闭网站壳架构并在新窗口打开链接。 例如，如果该链接和当前链接属于不同的域，那么认为该链接的域并不是WebApp包括的域，则跳出Web App的范围，在新窗口打开链接。 

步骤S240：云端服务器根据网站的标识和链接对应的URL获得对应的前端模板和内容数据，并将链接对应的前端模板和内容数据发送至移动终端。 

云端服务器根据Web App的AppID和A标签的URL，得到该页面的布局及组件模板，同时得到页面内要显示的内容数据，发送至移动终端。 

步骤S250：移动终端将链接对应的内容数据拼装至前端模板，以及渲染前端模板以将用户请求的页面转换为Web App页面并展示给用户。例如，网站壳架构将内容数据和前端模板进行拼装和渲染，转换为Web App页面并展示给用户。如果得到的视图模板含有新的组件，即之前的视图没有加载过的，则按照按需加载的原则，加载新的组件所需要的HTML代码、JS和CSS代码。 

在本发明的一个实施例中，移动终端对获得的多个组件模板信息进行缓存。缓存可以保证在下次用到该组件时，不需要发起新的请求来进行加载。 

网站壳架构可以进行视图间的切换，切换过程为隐藏原有的视图，显示新的页面视图。单文档Web App通过在一个HTML文档中包含多个具有data-role属性的DIV来实现视图间的切换。每个DIV都被视为一个视图，每个视图都以ID作为唯一的标识，用于视图间的切换。一般情况下，Web App显示的第一个视图是网站的首页视图，而除了当前显示的视图外其他所有视图都会被隐藏。 

在本发明的一个实施例中，还包括： 

步骤S260：网站壳架构对用户开启的页面进行维护，并为用户开启的页面进行标记。 

切换视图之后，网站壳架构对网站的URL要进行维护。URL的主体是一直不变的，从而保证整个页面不会被刷新。例如，网站壳架构会在URL的主体 后加“#”和视图的标识字符串，当每次需要切换视图时，需要修改“#”后面的标识字符串。对于隐藏的视图，网站壳架构并不对其进行销毁，销毁指删除该视图所在的DIV节点。 

在本发明的一个实施例中，网站壳架构将用户开启的预设数量的页面进行缓存。例如，预设数量为10，网站壳架构会在内存中保留用户最近浏览过的10个视图。当用户切换到该隐藏视图时，该视图的DIV节点还在内存中，可以直接从内存中读取并进行显示。 

如果切换的视图是用户曾经浏览过的视图，但是不在最近浏览的10个视图之内。网站壳架构将会从本地缓存数据中取出视图模板和视图的数据，重新渲染拼装，创建新的视图。其中，视图模板和视图数据以字符串的形式缓存在本地。 

网站壳架构同时维护了移动终端的前进和后退的操作。后退按钮表示返回上一个浏览视图，前进按钮代表相反的含义。具体方法为：每次创建视图后，修改浏览器地址栏中的URL之前，将旧的URL放入移动终端的历史记录中，之后再修改URL，更改“#”后面的内容为新的视图标识字符串。 

步骤S270：当网站壳架构接收到用户的网页切换指令之后，根据标记的页面进行切换。 

根据本发明实施例的将网站转化为Web App进行展示的方法，提供了快速将网络站点转换成适合移动终端浏览的Web App的解决方案。减少对移动终端进行二次开发的成本，保证了原页面内容块数据的完整性、页面布局的定制性和多样性，无损的做到转化后的网站Web App浏览体验。Web App的优点包括：如图2所示，不像传统网站对应每个文档对应一个页面，需要分别加载，本方法在第一次打开Web App时，只加载一次网站壳架构。之后所有的用户请求用局部刷新来处理，将流量进行了充分优化，尽量减少用户等待时间。对于全局的HTML前端模板，Java Script代码和CSS代码只加载一次，其他局部的 JavaScript和CSS代码按需加载，在不使用时不加载。将服务器端的数据缓存到移动终端，使得用户近期访问过的页面在没有网络连接的情况下也能离线运行，最大程度的节约了请求数量和请求的流量，保证了省电省流量的目标。本方法加载的页面切换流畅，用户感觉不到在传统网站上经常出现的页面空白样的页面的刷新，有效改善了用户体验。 

下面参考图2描述根据本发明实施例的将网站转化为Web App进行展示的系统100，包括开发者客户端110、云端服务器120和移动终端130。其中，开发者客户端110用于提供网站，并将网站的域名发送至云端服务器120；云端服务器120用于根据网站的域名抓取网站内多个网页，并分别对多个网页进行分析以生成网站的多个前端模板，将多个前端模板存储至数据库，其中，每个网页具有不同的类型，多个前端模板与网站的标识相关，以及接收用户通过移动终端130发送的访问请求消息，并将网站壳架构及网站的标识发送至移动终端130，并在移动终端130加载网站壳架构之后，将与访问请求消息所对应的前端模板及内容数据发送至移动终端130；移动终端130用于将内容数据拼装至前端模板，并渲染前端模板以将用户请求的页面转换为Web App页面并展示给用户。 

其中，前端模板中包括页面布局信息和多个组件模板信息。 

例如，开发者客户端110提供网站，并将网站的域名发送至云端服务器120，云端服务器120根据获得网站的域名自动抓取出具有不同的类型的多个网页，对于同一类型的网页，一般只进行一次标注，同时生成用于唯一识别该网站站点的网站的标识，记为AppID。云端服务器120对多个网页进行分析以生成网站的多个前端模板，前端模板中包括页面布局信息和多个组件模板信息。前端模板包含页面的HTML结构代码、组件和组件类型、组件之间的顺序关系以及组件对应的数据内容信息。例如，云端服务器120识别出网页的 导航块和栏目块等组件，云端服务器120将可视化的组件区域向用户进行的重点突出的提示。除了使用默认识别出的导航块和栏目块组件，将其内容信息作为前端模板的内容信息，开发者客户端110也可以提供标题和内容，云端服务器120将用户自定义的数据保存在字典数据中，并和AppID进行关联对应，同时将对应的组件添加到生成的Web App站点。此时，可以通过开发者客户端110可以预览Web App的内容页面，同时对前端模板进行操作和编辑，例如拖动组件之间的先后顺序，或者删除组件，或者重新标注整个页面。云端服务器120将Web App站点的前端模板存入数据库中，并和AppID进行关联对应，开发者客户端110自定义的组件信息，比如标题和内容保存在字典数据中。可以理解的是，上述网站转化过程仅出于示例目的，本发明实施例不限于此。 

在本发明的一个实施例中，移动终端130包括：请求模块131、接收模块132、网站壳架构模块133、加载模块134和渲染模块135。请求模块131用于向云端服务器120发送访问请求消息；接收模块132用于接收云端服务器120发送的网站壳架构及网站的标识，以及访问请求消息所对应的前端模板及内容数据；网站壳架构模块133用于与移动终端130中的浏览器相互通信，将浏览器生成的访问请求中添加网站对应的标识，并发送至云端服务器120；加载模块134用于接收云端服务器120反馈的前端模板和内容数据，并将内容数据加载至前端模板；渲染模块135用于选择加载之后的前端模板。移动终端130还包括缓存模块136，用于对获得的多个组件模板信息进行缓存。 

例如，用户在移动终端130的浏览器中输入域名，请求模块131发起请求，云端服务器120接收请求消息。云端服务器120通过数据库查找对应的唯一标识AppID，并将网站壳架构和AppID发送至移动终端130，移动终端130接收模块132接收云端服务器120发送的数据，并加载网站壳架构。其中，网站壳架构包括初始化模板，是对网站站点之间的共同布局和公共功能抽象后的网站架构。网站壳架构运行在Web App的整个生命周期内，用于对Web App 进行管理以及分发请求。云端服务器120读取数据库中与AppID对应的前端模板信息，将与访问请求消息所对应的前端模板及内容数据发送至移动终端130。前端模板中组件所对应于原网站的数据通过XPATH与存储的数据关联。其中，前端模板以字符串形式返回，XPATH的字符串记录在组件的DOM节点的属性中。根据AppID读取数据库中该视图对应的数据并以JSON形式返回。移动终端130接收模块132得到了页面的前端模板信息和内容数据，加载模块134对接收模块132接受的数据进行加载，将内容数据拼装至前端模板，渲染模块135选择加载之后的前端模板并进行渲染，得到了完整的页面。可以理解的是，上述移动终端130加载页面的过程仅处于示例目的，本发明实施例不限于此。 

在本发明的一个实施例中，网站壳架构模块133与移动终端130中的浏览器相互通信，将浏览器生成的访问请求中添加网站对应的标识，并发送至云端服务器120。当用户点击Web App页面中的链接时，网站壳架构模块133还用于劫持点击链接所产生的请求，并分析链接的内容数据和类型，以及在链接所指页面与当前页面属于同一个域时，将当前页面的标签的HREF属性添加至请求中，并发送至云端服务器120。当链接所指页面与当前页面不属于同一个域，且链接所指页面的域不属于云端服务器120所转化的WebApp时，网站壳架构模块133关闭网站壳架构并在新窗口打开链接。 

云端服务器120还用于根据网站的标识和链接对应的URL获得对应的前端模板和内容数据，并将链接对应的前端模板和内容数据发送至移动终端130，移动终端130还用于将链接对应的内容数据拼装至前端模板，以及渲染前端模板以将用户请求的页面转换为Web App页面并展示给用户。 

例如，用户点击Web App页面中的某一条链接，移动终端130对链接A标签被点击的默认处理方式为向云端服务器120发送请求，但是网站壳架构模块133对自包含的点击事件进行了劫持。网站壳架构模块133劫持点击链接所产生的请求，并分析该链接的内容和类型，再选择对应的处理方式。例如， 如果该链接和当前的链接属于同一个域，那么网站壳架构模块133会将A标签中的HREF属性提取出来，作为GET请求的一个参数发至云端服务器120。如果该链接和当前链接属于不同的域，那么网站壳架构模块133认为该链接的域并不是Web App包括的域，则跳出Web App的范围，在新窗口打开链接。可以理解的是，上述劫持处理过程仅处于示例目的，本发明实施例不限于此。 

云端服务器120根据Web App的AppID和A标签的URL，得到该页面的布局及组件模板，同时得到页面内要显示的内容数据，发送至移动终端130。移动终端130将内容数据和前端模板进行拼装以及渲染前端模板，转换为Web App页面并展示给用户。如果得到的视图模板含有新的组件，即之前的视图没有加载过的，则按照按需加载的原则，加载新的组件所需要的HTML代码、JS和CSS代码。 

在本发明的一个实施例中，网站壳架构模块133还用于对用户开启的页面进行维护，并为用户开启的页面进行标记，并在网站壳架构模块133接收到用户的网页切换指令之后，根据标记的页面进行切换。 

网站壳架构还用于将用户开启的预设数量的页面缓存至内存。缓存模块对获得的多个组件模板信息进行缓存。缓存可以保证在下次用到该组件或者页面时，不需要发起新的请求来进行加载，节省流量，提高速度。 

例如，网站壳架构模块133可以进行视图间的切换，切换过程为隐藏原有的视图，显示新的页面视图。单文档Web App通过在一个HTML文档中包含多个具有data-role属性的DIV来实现视图间的切换。每个DIV都被视为一个视图，每个视图都以ID作为唯一的标识，用于视图间的切换。一般情况下，Web App显示的第一个视图是网站的首页视图，而除了当前显示的视图外其他所有视图都会被隐藏。切换视图之后，网站壳架构模块133对网站的URL要进行维护。URL的主体是一直不变的，从而保证整个页面不会被刷新。网站壳架构模块133会在URL的主体后加“#”和视图的标识字符串，当每次需要切换视图时，需要修改“#”后面的标识字符串。对于隐藏的视图，网站壳架构模块 133并不对其进行销毁，销毁指删除该视图所在的DIV节点。假设预设数量为10。网站壳架构模块133会在内存中保留用户最近浏览过的10个视图。当用户切换到该隐藏视图时，该视图的DIV节点还在内存中，可以直接从内存中读取并进行显示。如果切换的视图是用户曾经浏览过的视图，但是不在最近浏览的10个视图之内。网站壳架构模块133将会从本地缓存数据中取出视图模板和视图的数据，重新渲染拼装，创建新的视图。其中，视图模板和视图数据以字符串的形式缓存在本地。网站壳架构模块133同时维护了移动终端130的前进和后退的操作。后退按钮表示返回上一个浏览视图，前进按钮代表相反的含义。具体方法为：每次创建视图后，修改浏览器地址栏中的URL之前，将旧的url放入移动终端130的历史记录中，之后再修改URL，更改“#”后面的内容为新的视图标识字符串。可以理解的是，上述网站壳架构模块133功能仅处于示例目的，本发明实施例不限于此。 

根据本发明实施例的将网站转化为Web App进行展示的系统可以快速将网络站点转换成适合移动终端130浏览的Web App，减少对移动终端130进行二次开发的成本，保证了原页面内容块数据的完整性、页面布局的定制性和多样性，无损的做到转化后的网站Web App浏览体验。Web App的优点包括：如图2所示，不像传统网站对应每个文档对应一个页面，需要分别加载，本系统在第一次打开Web App时，只加载一次网站壳架构。之后所有的用户请求用局部刷新来处理，将流量进行了充分优化，尽量减少用户等待时间。对于全局的HTML前端模板，JavaScript代码和CSS代码只加载一次，其他局部的JavaScript和CSS代码按需加载，在不使用时不加载。将服务器端的数据缓存到移动终端130，使得用户近期访问过的页面在没有网络连接的情况下也能离线运行，最大程度的节约了请求数量和请求的流量，保证了省电省流量的目标。本系统加载页面以及切换更加流畅，用户感觉不到在传统网站上经常出现的页面空白样的页面的刷新，有效改善了用户体验。 

下面参考图3描述根据本发明实施例的云端服务器200，包括接收模块 210、抓取模块220、模板管理模块230、请求接收模块240和控制模块250。接收模块210用于接收网站域名；抓取模块220用于根据网站的域名抓取网站内多个网页，其中，每个网页具有不同的类型；模板管理模块230用于分别对多个网页进行分析以生成网站的多个前端模板，将多个前端模板存储至数据库；请求接收模块240用于接收用户通过移动终端发送的访问请求消息；控制模块250用于将网站壳架构及网站的标识发送至移动终端，并在移动终端加载网站壳架构之后，将与访问请求消息所对应的前端模板及内容数据发送至移动终端，其中，移动终端将内容数据拼装至前端模板，并渲染前端模板以将用户请求的页面转换为Web App页面并展示给用户。 

其中，前端模板中包括页面布局信息和多个组件模板信息。 

例如，接收模块210接收网站域名，抓取模块220根据获得网站的域名自动抓取出具有不同的类型的多个网页，对于同一类型的网页生成用于唯一识别该网站站点的网站的标识，记为AppID。模板管理模块230对多个网页进行分析以生成网站的多个前端模板，前端模板中包括页面布局信息和多个组件模板信息。前端模板包含页面的HTML结构代码、组件和组件类型、组件之间的顺序关系以及组件对应的数据内容信息。例如，模板管理模块230识别出网页的导航块和栏目块等组件，云端服务器将可视化的组件区域向用户进行的重点突出的提示。除了使用默认识别出的导航块和栏目块组件，将其内容信息作为前端模板的内容信息，网站站长也可以提供标题和内容，模板管理模块230将用户自定义的数据保存在字典数据中，并和AppID进行关联对应，同时将对应的组件添加到生成的Web App站点。此时，网站站长可以预览Web App的内容页面，同时对前端模板进行操作和编辑，例如拖动组件之间的先后顺序，或者删除组件，或者重新标注整个页面。模板管理模块230将Web App站点的前端模板存入数据库中，并和AppID进行关联对应，自定义的组件信息，比如标题和内容保存在字典数据中。可以理解的是，上述网站转换过程仅出于示例目的，本发明实施例不限于此。 

在本发明的一个实施例中，接收模块210还用于当用户点击Web App页面中的链接时，接收移动终端发送的网站的标识和链接对应的URL，控制模块250还用于根据网站的标识和链接对应的URL获得对应的前端模板和内容数据，并将链接对应的前端模板和内容数据发送至移动终端，其中，移动终端将链接对应的内容数据拼装至前端模板，以及渲染前端模板以将用户请求的页面转换为Web App页面并展示给用户。 

例如，用户在移动终端的浏览器中输入域名发起请求，请求接收模块240接收请求消息。云端服务器通过数据库查找对应的唯一标识AppID，并将网站壳架构和AppID发送至移动终端，移动终端接收模块210接收云端服务器发送的数据，并加载网站壳架构。其中，网站壳架构包括初始化模板，是对网站站点之间的共同布局和公共功能抽象后的网站架构。网站壳架构运行在WebApp的整个生命周期内，用于对Web App进行管理以及分发请求。控制模块250读取数据库中与AppID对应的前端模板信息，将与访问请求消息所对应的前端模板及内容数据发送至移动终端。前端模板中组件所对应于原网站的数据通过XPATH与存储的数据关联。其中，前端模板以字符串形式返回，XPATH的字符串记录在组件的DOM节点的属性中。根据AppID读取数据库中该视图对应的数据并以JSON形式返回。接收模块210接收Web App的AppID和A标签的URL，控制模块250得到该页面的布局及组件模板，同时得到页面内要显示的内容数据，发送至移动终端。移动终端接收并将内容数据拼装至前端模板并进行渲染，得到了完整的页面。可以理解的是，上述转换过程仅处于示例目的，本发明实施例不限于此。 

根据本发明实施例的云端服务器可以快速将网络站点转换成适合移动终端浏览的Web App，减少对移动终端进行二次开发的成本，保证了原页面内容块数据的完整性、页面布局的定制性和多样性，无损的做到转化后的网站WebApp浏览体验。Web App的优点包括：不像传统网站对应每个文档对应一个页面，需要分别加载，本系统在第一次打开Web App时，只加载一次网站壳架构。 之后所有的用户请求用局部刷新来处理，将流量进行了充分优化，尽量减少用户等待时间。对于全局的HTML前端模板，JavaScript代码和CSS代码只加载一次，其他局部的JavaScript和CSS代码按需加载，在不使用时不加载。云端服务器提供的Web App在加载的页面时候的切换更加流畅，用户感觉不到在传统网站上经常出现的页面空白样的页面的刷新，有效改善了用户体验。 

下面参考图4描述根据本发明实施例的移动终端300，包括请求模块310、接收模块320、网站壳架构模块330、加载模块340和渲染模块350。请求模块用于向云端服务器发送访问请求消息；接收模块用于接收云端服务器发送的网站壳架构及网站的标识，以及访问请求消息所对应的前端模板及内容数据；网站壳架构模块用于与移动终端中的浏览器相互通信，将浏览器生成的访问请求中添加网站对应的标识，并发送至云端服务器；加载模块用于接收云端服务器反馈的前端模板和内容数据，并将内容数据加载至前端模板；渲染模块用于选择加载之后的前端模板。 

其中，前端模板中包括页面布局信息和多个组件模板信息。移动终端300还可以包括缓存模块，用于对获得的多个组件模板信息进行缓存。 

例如，用户在移动终端的浏览器中输入域名，请求模块发起请求，云端服务器接收请求消息并将网站壳架构和AppID发送至移动终端。移动终端接收模块接收云端服务器发送的数据，并加载网站壳架构。其中，网站壳架构包括初始化模板，是对网站站点之间的共同布局和公共功能抽象后的网站架构。网站壳架构运行在Web App的整个生命周期内，用于对Web App进行管理以及分发请求。接收模块接收云端服务器发送的与访问请求消息所对应的前端模板及内容数据。前端模板中组件所对应于原网站的数据通过XPATH与存储的数据关联。其中，前端模板以字符串形式返回，XPATH的字符串记录在组件的DOM节点的属性中。根据AppID读取数据库中该视图对应的数据并以JSON形式返回。加载模块对接收模块接受的数据进行加载，将内容数据拼装至前端模板，渲染模块选择加载之后的前端模板并进行渲染，得到了完整的页面。 可以理解的是，上述移动终端加载页面的过程仅处于示例目的，本发明实施例不限于此。 

在本发明的一个实施例中，当用户点击Web App页面中的链接时，网站壳架构模块还用于劫持点击链接所产生的请求，并分析链接的内容数据和类型，以及在链接所指页面与当前页面属于同一个域时，将当前页面的标签的HREF属性添加至请求中，并发送至云端服务器。当链接所指页面与当前页面不属于同一个域，且链接所指页面的域不属于云端服务器所转化的WebApp时，网站壳架构模块关闭网站壳架构并在新窗口打开链接。 

例如，用户点击Web App页面中的某一条链接，移动终端对链接A标签被点击的默认处理方式为向云端服务器发送请求，但是网站壳架构模块对自包含的点击事件进行了劫持。网站壳架构模块劫持点击链接所产生的请求，并分析该链接的内容和类型，再选择对应的处理方式。例如，如果该链接和当前的链接属于同一个域，那么网站壳架构模块会将A标签中的HREF属性提取出来，作为GET请求的一个参数发至云端服务器。如果该链接和当前链接属于不同的域，那么网站壳架构模块认为该链接的域并不是Web App包括的域，则跳出Web App的范围，在新窗口打开链接。可以理解的是，上述劫持处理过程仅处于示例目的，本发明实施例不限于此。 

云端服务器将该页面的布局、组件模板以及页面内要显示的内容数据发送至移动终端。移动终端将内容数据和前端模板进行拼装以及渲染前端模板，转换为Web App页面并展示给用户。如果得到的视图模板含有新的组件，即之前的视图没有加载过的，则按照按需加载的原则，加载新的组件所需要的HTML代码、JS和CSS代码。缓存模块对获得的多个组件模板信息进行缓存。缓存可以保证在下次用到该组件或者页面时，不需要发起新的请求来进行加载，节省流量，提高速度。 

在本发明的一个实施例中，网站壳架构模块还用于对用户开启的页面进行维护，并为用户开启的页面进行标记，并在网站壳架构模块接收到用户的 网页切换指令之后，根据标记的页面进行切换。网站壳架构还用于将用户开启的预设数量的页面缓存至内存。 

例如，网站壳架构模块可以进行视图间的切换，切换过程为隐藏原有的视图，显示新的页面视图。单文档Web App通过在一个HTML文档中包含多个具有data-role属性的DIV来实现视图间的切换。每个DIV都被视为一个视图，每个视图都以ID作为唯一的标识，用于视图问的切换。一般情况下，WebApp显示的第一个视图是网站的首页视图，而除了当前显示的视图外其他所有视图都会被隐藏。切换视图之后，网站壳架构模块对网站的URL要进行维护。URL的主体是一直不变的，从而保证整个页面不会被刷新。网站壳架构模块会在URL的主体后加“#”和视图的标识字符串，当每次需要切换视图时，需要修改“#”后面的标识字符串。对于隐藏的视图，网站壳架构模块并不对其进行销毁，销毁指删除该视图所在的DIV节点。假设预设数量为10。网站壳架构模块会在内存中保留用户最近浏览过的10个视图。当用户切换到该隐藏视图时，该视图的DIV节点还在内存中，可以直接从内存中读取并进行显示。如果切换的视图是用户曾经浏览过的视图，但是不在最近浏览的10个视图之内。网站壳架构模块将会从本地缓存数据中取出视图模板和视图的数据，重新渲染拼装，创建新的视图。其中，视图模板和视图数据以字符串的形式缓存在本地。网站壳架构模块同时维护了移动终端的前进和后退的操作。后退按钮表示返回上一个浏览视图，前进按钮代表相反的含义。具体方法为：每次创建视图后，修改浏览器地址栏中的URL之前，将旧的url放入移动终端的历史记录中，之后再修改URL，更改“#”后面的内容为新的视图标识字符串。可以理解的是，上述网站壳架构模块功能仅处于示例目的，本发明实施例不限于此。 

根据本发明实施例的移动终端接收云端服务器发送的数据，将请求的网页以更适合移动终端浏览的Web App展示，其中，Web App的优点包括：不像传统网站对应每个文档对应一个页面，需要分别加载，移动终端在第一次打开Web App时，只加载一次网站壳架构。之后所有的用户请求用局部刷新来处理， 将流量进行了充分优化，尽量减少用户等待时间。对于全局的HTML前端模板，JavaScript代码和CSS代码只加载一次，其他局部的JavaScript和CSS代码按需加载，在不使用时不加载。将服务器端的数据缓存到移动终端，使得用户近期访问过的页面在没有网络连接的情况下也能离线运行，最大程度的节约了请求数量和请求的流量，保证了省电省流量的目标。移动终端加载的页面以及切换更加流畅，用户感觉不到在传统网站上经常出现的页面空白样的页面的刷新，有效改善了用户体验。 

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。 

尽管已经示出和描述了本发明的实施例，对于本领域的普通技术人员而言，可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型，本发明的范围由所附权利要求及其等同限定。 

Claims (27)

1.一种将网站转化为Web App进行展示的方法，其特征在于，包括以下步骤：

云端服务器获得网站的域名，并根据所述网站的域名抓取所述网站内多个网页，其中，每个网页具有不同的类型；

所述云端服务器分别对所述多个网页进行分析以生成所述网站的多个前端模板，将所述多个前端模板存储至数据库，其中，所述多个前端模板与所述网站的标识相关；

所述云端服务器接收用户通过移动终端发送的访问请求消息；

所述云端服务器将网站壳架构及所述网站的标识发送至所述移动终端，以供所述移动终端加载所述网站壳架构；

所述云端服务器将与所述访问请求消息所对应的前端模板及内容数据发送至所述移动终端，其中，所述移动终端将所述内容数据拼装至所述前端模板，并渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。

2.如权利要求1所述的将网站转化为Web App进行展示的方法，其特征在于，还包括：

当所述用户点击所述Web App页面中的链接时，所述网站壳架构劫持点击所述链接所产生的请求；

所述网站壳架构分析所述链接的内容数据和类型；

当所述链接所指页面与当前页面属于同一个域时，将所述当前页面的标签的HREF属性添加至所述请求中，并发送至所述云端服务器。

3.如权利要求2所述的将网站转化为Web App进行展示的方法，其特征在于，还包括：

所述云端服务器根据所述网站的标识和所述链接对应的URL获得对应的前端模板和内容数据，并将所述链接对应的前端模板和内容数据发送至所述移动终端；

所述移动终端将所述链接对应的内容数据拼装至所述前端模板，以及渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。

4.如权利要求1-3任一项所述的将网站转化为Web App进行展示的方法，其特征在于，还包括：

当所述链接所指页面与当前页面不属于同一个域，且所述链接所指页面的域不属于所述云端服务器所转化的Web App时，关闭所述网站壳架构并在新窗口打开所述链接。

5.如权利要求1-4任一项所述的将网站转化为Web App进行展示的方法，其特征在于，所述前端模板中包括页面布局信息和多个组件模板信息。

6.如权利要求5所述的将网站转化为Web App进行展示的方法，其特征在于，所述移动终端对获得的多个组件模板信息进行缓存。

7.如权利要求3所述的将网站转化为Web App进行展示的方法，其特征在于，还包括：

所述网站壳架构对所述用户开启的页面进行维护，并为所述用户开启的页面进行标记；

当所述网站壳架构接收到所述用户的网页切换指令之后，根据标记的页面进行切换。

8.如权利要求7所述的将网站转化为Web App进行展示的方法，其特征在于，还包括：

所述网站壳架构将所述用户开启的预设数量的页面进行缓存。

9.一种将网站转化为Web App进行展示的系统，其特征在于，包括开发者客户端、云端服务器和移动终端，其中，

所述开发者客户端，用于提供网站，并将所述网站的域名发送至所述云端服务器；

所述云端服务器，用于根据所述网站的域名抓取所述网站内多个网页，并分别对所述多个网页进行分析以生成所述网站的多个前端模板，将所述多个前端模板存储至数据库，其中，每个网页具有不同的类型，所述多个前端模板与所述网站的标识相关，以及接收用户通过移动终端发送的访问请求消息，并将网站壳架构及所述网站的标识发送至所述移动终端，并在所述移动终端加载所述网站壳架构之后，将与所述访问请求消息所对应的前端模板及内容数据发送至所述移动终端；

所述移动终端，用于将所述内容数据拼装至所述前端模板，并渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。

10.如权利要求9所述的将网站转化为Web App进行展示的系统，其特征在于，所述移动终端包括：

请求模块，用于向所述云端服务器发送访问请求消息；

接收模块，用于接收云端服务器发送的所述网站壳架构及所述网站的标识，以及所述访问请求消息所对应的前端模板及内容数据；

网站壳架构模块，用于与所述移动终端中的浏览器相互通信，将所述浏览器生成的访问请求中添加所述网站对应的标识，并发送至所述云端服务器；

加载模块，用于接收所述云端服务器反馈的前端模板和内容数据，并将所述内容数据加载至所述前端模板；以及

渲染模块，用于选择加载之后的所述前端模板。

11.如权利要求9所述的将网站转化为Web App进行展示的系统，其特征在于，当所述用户点击所述Web App页面中的链接时，所述网站壳架构模块还用于劫持点击所述链接所产生的请求，并分析所述链接的内容数据和类型，以及在所述链接所指页面与当前页面属于同一个域时，将所述当前页面的标签的HREF属性添加至所述请求中，并发送至所述云端服务器。

12.如权利要求9所述的将网站转化为Web App进行展示的系统，其特征在于，所述云端服务器还用于根据所述网站的标识和所述链接对应的URL获得对应的前端模板和内容数据，并将所述链接对应的前端模板和内容数据发送至所述移动终端，所述移动终端还用于将所述链接对应的内容数据拼装至所述前端模板，以及渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。

13.如权利要求10所述的将网站转化为Web App进行展示的系统，其特征在于，当所述链接所指页面与当前页面不属于同一个域，且所述链接所指页面的域不属于所述云端服务器所转化的Web App时，所述网站壳架构模块关闭所述网站壳架构并在新窗口打开所述链接。

14.如权利要求10所述的将网站转化为Web App进行展示的系统，其特征在于，所述前端模板中包括页面布局信息和多个组件模板信息。

15.如权利要求14所述的将网站转化为Web App进行展示的系统，其特征在于，所述移动终端还包括：

缓存模块，用于对获得的多个组件模板信息进行缓存。

16.如权利要求10所述的将网站转化为Web App进行展示的系统，其特征在于，所述网站壳架构模块还用于对所述用户开启的页面进行维护，并为所述用户开启的页面进行标记，并在所述网站壳架构模块接收到所述用户的网页切换指令之后，根据标记的页面进行切换。

17.如权利要求10所述的将网站转化为Web App进行展示的系统，其特征在于，所述网站壳架构还用于将所述用户开启的预设数量的页面缓存至内存。

18.一种云端服务器，其特征在于，包括：

接收模块，用于接收网站域名；

抓取模块，用于根据所述网站的域名抓取所述网站内多个网页，其中，每个网页具有不同的类型；

模板管理模块，用于分别对所述多个网页进行分析以生成所述网站的多个前端模板，将所述多个前端模板存储至数据库；

请求接收模块，用于接收用户通过移动终端发送的访问请求消息；

控制模块，用于将网站壳架构及所述网站的标识发送至所述移动终端，并在所述移动终端加载所述网站壳架构之后，将与所述访问请求消息所对应的前端模板及内容数据发送至所述移动终端，其中，所述移动终端将所述内容数据拼装至所述前端模板，并渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。

19.如权利要求18所述的云端服务器，其特征在于，所述接收模块还用于当所述用户点击所述Web App页面中的链接时，接收所述移动终端发送的所述网站的标识和所述链接对应的URL，所述控制模块还用于根据所述网站的标识和所述链接对应的URL获得对应的前端模板和内容数据，并将所述链接对应的前端模板和内容数据发送至所述移动终端，其中，所述移动终端将所述链接对应的内容数据拼装至所述前端模板，以及渲染所述前端模板以将所述用户请求的页面转换为Web App页面并展示给所述用户。

20.如权利要求18所述的云端服务器，其特征在于，所述前端模板中包括页面布局信息和多个组件模板信息。

21.一种移动终端，其特征在于，包括：

请求模块，用于向云端服务器发送访问请求消息；

接收模块，用于接收云端服务器发送的所述网站壳架构及所述网站的标识，以及所述访问请求消息所对应的前端模板及内容数据；

网站壳架构模块，用于与所述移动终端中的浏览器相互通信，将所述浏览器生成的访问请求中添加所述网站对应的标识，并发送至所述云端服务器；

加载模块，用于接收所述云端服务器反馈的前端模板和内容数据，并将所述内容数据加载至所述前端模板；以及

渲染模块，用于选择加载之后的所述前端模板。

22.如权利要求21所述的移动终端，其特征在于，当所述用户点击所述Web App页面中的链接时，所述网站壳架构模块还用于劫持点击所述链接所产生的请求，并分析所述链接的内容数据和类型，以及在所述链接所指页面与当前页面属于同一个域时，将所述当前页面的标签的HREF属性添加至所述请求中，并发送至所述云端服务器。

23.如权利要求21所述的移动终端，其特征在于，当所述链接所指页面与当前页面不属于同一个域，且所述链接所指页面的域不属于所述云端服务器所转化的Web App时，所述网站壳架构模块关闭所述网站壳架构并在新窗口打开所述链接。

24.如权利要求21所述的移动终端，其特征在于，所述前端模板中包括页面布局信息和多个组件模板信息。

25.如权利要求24所述的移动终端，其特征在于，还包括：

缓存模块，用于对获得的多个组件模板信息进行缓存。

26.如权利要求21所述的移动终端，其特征在于，所述网站壳架构模块还用于对所述用户开启的页面进行维护，并为所述用户开启的页面进行标记，并在所述网站壳架构模块接收到所述用户的网页切换指令之后，根据标记的页面进行切换。

27.如权利要求21所述的移动终端，其特征在于，所述网站壳架构还用于将所述用户开启的预设数量的页面缓存至内存。

Images