一种应用的处理方法、装置、服务器和介质制造方法及图纸

本发明专利技术实施例提供了一种应用的处理方法、装置、服务器和介质，该应用具有多个页面，该方法包括：确定对每个所述页面配置的入口文件；针对每个所述页面，基于所述入口文件编译页面资源；针对每个所述页面，当编译完成时，输出页面文件；根据所述页面文件生成应用。实现一套前后端分离，热重载，模块化的多页应用框架，同时，多页应用首屏加载快，利于SEO。

An Application Processing Method, Device, Server and Media

【技术实现步骤摘要】
一种应用的处理方法、装置、服务器和介质
本专利技术涉及应用开发的
，特别是涉及一种应用的处理方法、装置、服务器和介质。
技术介绍
单页应用(single-pageapplication，SPA)，只有一个web页面应用，加载单个HTML(HyperTextMarkupLanguage，超级文本标记语言)页面并在用户与应用交互时动态更新该页面。在加载页面的过程中，浏览器首先会加载必须的HTML、CSS(cascadingstylesheets，层叠样式表)及JavaScript，一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用JavaScript动态的变换HTML的内容，从而实现与用户的交互。由于SPA(单页应用程序)页面切换快，因此，SPA广泛应用，从而使传统开发模式逐渐过渡到前后端分离的开发模式，然而，单页应用存在首屏加载较慢，不利于SEO(SearchEngineOptimization，搜索引擎优化。
技术实现思路
鉴于上述问题，为了解决上述SPA首屏加载慢、不利于SEO、服务器压力负载高的问题，本专利技术实施例提出了一种应用的处理方法、装置、服务器和介质。第一方面，本专利技术实施例提供了一种应用的处理方法，所述应用具有多个页面，包括：确定对每个所述页面配置的入口文件；针对每个所述页面，基于所述入口文件编译页面资源；针对每个所述页面，当编译完成时，输出页面文件；根据所述页面文件生成应用。优选地，所述入口文件包括如下至少一种模板:脚本模板、脚本模板引擎模板、样式表模板。优选地，所述针对每个所述页面，基于所述入口文件编译页面资源，包括：针对每个所述页面，在所述脚本模板的基础上编译脚本文件；和/或，针对每个所述页面，在所述脚本模板引擎模板的基础上编译脚本模板引擎文件；和/或，针对每个所述页面，在所述样式表模板的基础上编译样式表文件。优选地，所述基于所述入口文件编译页面资源，包括：启动浏览器，以加载所述页面资源；监听编译之后的页面资源；在所述浏览器中执行刷新操作，以显示所述页面资源。优选地，所述监听编译之后的页面资源，包括：将所述浏览器连接到编译器中，所述编译器用于编译页面资源；向所述编译器订阅在编译时的页面资源；由所述浏览器接收所述编译器发送的、编译之后的页面资源。优选地，所述根据所述页面文件生成应用，包括：从所述页面文件中分离公共的脚本文件；压缩所述页面文件中的脚本文件；压缩所述页面文件中的样式表文件。第二方面，本专利技术实施例还提供了一种应用的处理装置，所述应用具有多个页面，包括：入口文件确定模块，用于确定对每个所述页面配置的入口文件；页面资源编译模块，用于针对每个所述页面，基于所述入口文件编译页面资源；页面文件输出模块，用于针对每个所述页面，当编译完成时，输出页面文件；应用生成模块，用于根据所述页面文件生成应用。可选地，所述入口文件包括如下至少一种模板:脚本模板、脚本模板引擎模板、样式表模板。可选地，所述页面资源编译模块包括：脚本编译子模块，用于针对每个所述页面，在所述脚本模板的基础上编译脚本文件；和/或，脚本引擎编译子模块，用于针对每个所述页面，在所述脚本模板引擎模板的基础上编译脚本模板引擎文件；和/或，样式表编译子模块，用于针对每个所述页面，在所述样式表模板的基础上编译样式表文件。可选地，所述页面资源编译模块包括：页面资源加载子模块，用于启动浏览器，以加载所述页面资源；编译监听子模块，用于监听编译之后的页面资源；页面资源刷新子模块，用于在所述浏览器中执行刷新操作，以显示所述页面资源。可选地，所述编译监听子模块包括：编译器连接单元，用于将所述浏览器连接到编译器中，所述编译器用于编译页面资源；资源订阅单元，用于向所述编译器订阅在编译时的页面资源；资源接收单元，用于由所述浏览器接收所述编译器发送的、编译之后的页面资源。可选地，所述应用生成模块包括：脚本文件分离子模块，用于从所述页面文件中分离公共的脚本文件；脚本文件压缩子模块，用于压缩所述页面文件中的脚本文件；样式表文件压缩子模块，用于压缩所述页面文件中的样式表文件。第三方面，本专利技术实施例还提供了一种服务器，包括有存储器，以及一个或者一个以上的程序，应用具有多个页面，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令：确定对每个所述页面配置的入口文件；针对每个所述页面，基于所述入口文件编译页面资源；针对每个所述页面，当编译完成时，输出页面文件；根据所述页面文件生成应用。第四方面，本专利技术实施例还提供了一个或多个机器可读介质，其上存储有指令，当由一个或多个处理器执行时，使得处理器执行如第一方面中一个或多个的方法。本专利技术实施例包括以下优点：在本专利技术实施例中，应用具有多个页面，确定对每个页面配置的入口文件，针对每个页面，基于入口文件编译页面资源，针对每个页面，当编译完成时，输出页面文件，根据页面文件生成应用，实现一套前后端分离，热重载，模块化的多页应用框架，同时，多页应用首屏加载快，利于SEO。附图说明图1是本专利技术的一种应用的处理方法实施例的步骤流程图；图2是本专利技术的一种应用的处理装置实施例的结构框图；图3是本专利技术实施例中服务器的结构示意图。具体实施方式为使本专利技术的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本专利技术作进一步详细的说明。参照图1，示出了本专利技术的一种应用的处理方法方法实施例的步骤流程图。其中，应用具有多个页面，该页面为完整的页面，该应用也可以称为多页应用(Multi-pageApplication，MPA)。在该多页应用中，每一次页面跳转的时候，后台服务器都会返回新的HTML文档，即多页应用的调整方式为从一个页面跳转到另一个页面，整个页面进行刷新，转跳后共同资源需要重载。多页应用具有如下优点：1、首屏时间快首屏就是页面首个屏幕的内容展现出来的时间，在访问一个页面的时候，服务器会返回一个HTML文档，然后页面就会展示出来，这个过程只经过了一个HTTP(HyperTextTransferProtocol，超文本传输协议)请求这样的一个过程，只所以展示速度相当快，因为请求回来了，页面就展示出来了。2、SEO效果好搜索引擎在做网页排名的时候，根据网页的内容，给网页权重，用来进行网页排名，而SEO是只可以识别HTML文档中的内容。如图1所示，该方法具体可以包括如下步骤：S101、确定对每个所述页面配置的入口文件。在本专利技术实施例中，可应用Egg.js、Nunjucks、webpack的框架。其中，Egg.js是Node.js的一个web后台框架，可用于web后台，而Node.js是运行在服务端的JavaScript，Node.js是一个基于ChromeJavaScript运行时建立的一个平台，诸如此类的框架还有很多，例如，express、koa等。Egg的插件机制有很高的可扩展性，一个插件只做一件事(比如Nunjucks模板封装成了egg-view-nunjucks、MySQL数据库封装成了egg-mysql)。Egg通过框架聚合这些插件，并根据自己的业务场景定制配置，这样应用的开发成本就变得很低。Nunjucks是一本文档来自技高网...

【技术保护点】
1.一种应用的处理方法，其特征在于，所述应用具有多个页面，包括：确定对每个所述页面配置的入口文件；针对每个所述页面，基于所述入口文件编译页面资源；针对每个所述页面，当编译完成时，输出页面文件；根据所述页面文件生成应用。

【技术特征摘要】
1.一种应用的处理方法，其特征在于，所述应用具有多个页面，包括：确定对每个所述页面配置的入口文件；针对每个所述页面，基于所述入口文件编译页面资源；针对每个所述页面，当编译完成时，输出页面文件；根据所述页面文件生成应用。2.根据权利要求1所述的方法，其特征在于，所述入口文件包括如下至少一种模板:脚本模板、脚本模板引擎模板、样式表模板。3.根据权利要求2所述的方法，其特征在于，所述针对每个所述页面，基于所述入口文件编译页面资源，包括：针对每个所述页面，在所述脚本模板的基础上编译脚本文件；和/或，针对每个所述页面，在所述脚本模板引擎模板的基础上编译脚本模板引擎文件；和/或，针对每个所述页面，在所述样式表模板的基础上编译样式表文件。4.根据权利要求1-3任一项所述的方法，其特征在于，所述基于所述入口文件编译页面资源，包括：启动浏览器，以加载所述页面资源；监听编译之后的页面资源；在所述浏览器中执行刷新操作，以显示所述页面资源。5.根据权利要求4所述的方法，其特征在于，所述监听编译之后的页面资源，包括：将所述浏览器连接到编译器中，所述编译器用于编译页面资源；向所述编译器订阅在编译时的页面资源；由所述浏览器接收所述编译器发送的、编译之后的页面资源。6.根据权利要求1-3任一项所述的方法，其特征在于，所述根据所述页面文件生成应用，包括...

【专利技术属性】
技术研发人员：曾文清，陈敏群，
申请(专利权)人：广州至真信息科技有限公司，
类型：发明
国别省市：广东,44