前端文件构建方法和服务器、页面访问方法和终端技术

本发明专利技术提供了一种前端文件构建方法和服务器、页面访问方法和终端，其中，该前端文件构建方法包括：响应于所述前端文件构建请求，确定构建的前端文件中是否携带有静态资源链接；在确定携带有静态资源链接的情况下，在所述静态资源链接中增加版本标识信息，其中，所述版本标识信息用于标识所述静态资源链接所链接的静态文件的版本；基于携带有版本标识信息的静态资源链接构建得到前端文件。本发明专利技术解决了现有的更新后的静态文件无法及时有效展现给用户导致的效率低下、用户体验低的技术问题，达到了有效提升用户体验的技术效果。

Front-end file construction method and server, page access method and terminal

The present invention provides a front end file construction method and a server, page access method and terminal, in which the front-end file building method includes: responding to the proposed front-end file building request, determining whether a static resource link is carried in the constructed front end file, and when a static resource link is determined, The version identification information is added to the static resource link, in which the version identification information is used to identify the version of the static file linked by the stated static resource link; and the front end file is constructed based on the static resource link with the version identification information. The invention solves the technical problem that the existing updated static files can not be effectively displayed to the users in time and effectively, and the user experience is low, so as to effectively improve the technical effect of the user experience.

【技术实现步骤摘要】
前端文件构建方法和服务器、页面访问方法和终端
本专利技术涉及互联网
，特别涉及一种前端文件构建方法和服务器、页面访问方法和终端。
技术介绍
考虑到现有的网页系统在开发上线前期没有做静态文件的版本规划，导致当用户在浏览网页的时候时对于静态文件，浏览器往往从本地缓存中调取文件展示给客户，而不与服务器进行静态文件的实时通讯。这样势必会导致大部分的静态文件的更新无法及时有效的展示给用户，而导致网页展示效率低下、更新无法及时呈现，用户体验较低。针对上述问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术实施例提供了一种前端文件构建方法和服务器、页面访问方法和终端，以达到将更新后的静态文件及时呈现给用户的技术效果。一方面提供了一种前端文件构建方法，包括：响应于所述前端文件构建请求，确定构建的前端文件中是否携带有静态资源链接；在确定携带有静态资源链接的情况下，在所述静态资源链接中增加版本标识信息，其中，所述版本标识信息用于标识所述静态资源链接所链接的静态文件的版本；基于携带有版本标识信息的静态资源链接构建得到前端文件。在一个实施方式中，所述版本标识信息包括：MD5值。在一个实施方式中，所述静态文件包括以下至少之一：js文件、css文件。在一个实施方式中，在所述静态资源链接中增加版本标识信息，包括：确定所述静态资源链接所链接的静态文件是否有变化；在确定有变化的情况下，修改版本标识信息。在一个实施方式中，在所述静态资源链接中增加版本标识信息，包括：通过gulp在所述静态资源链接中增加版本标识信息。在一个实施方式中，基于携带有版本标识信息的静态资源链接构建得到前端文件，包括：通过Jenkins构建得到所述前端文件。在一个实施方式中，在所述静态资源链接中增加版本标识信息之前，还包括：备份源代码目录。在一个实施方式中，在所述基于携带有版本标识信息的静态资源链接构建得到前端文件之后，还包括：恢复备份的源代码目录。在一个实施方式中，通过Jenkins构建得到所述前端文件，包括：获取最新代码到源代码目录；调用执行第一外部脚本将源代码目录备份到备份目录，并修改所述源代码目录，为所述源代码目录中的静态资源链接增加版本标识信息；对所述源代码目录的前端文件进行构建，并将构建后的代码输出至目标目录；调用执行第二外部脚本删除所述修改后的源代码目录，并将所述备份目录改为源代码目录。另一方面提供了一种页面访问方法，包括：获取页面访问请求；响应于所述页面访问请求，从服务器调取权利要求1至7中任一项构建的前端文件；将调取的所述前端文件展示给用户。另一方面提供了一种前端文件构建服务器，包括处理器以及用于存储处理器可执行指令的存储器，所述处理器执行所述指令时实现：响应于所述前端文件构建请求，确定构建的前端文件中是否携带有静态资源链接；在确定携带有静态资源链接的情况下，在所述静态资源链接中增加版本标识信息，其中，所述版本标识信息用于标识所述静态资源链接所链接的静态文件的版本；基于携带有版本标识信息的静态资源链接构建得到前端文件。在一个实施方式中，所述版本标识信息包括：MD5值。在一个实施方式中，所述静态文件包括以下至少之一：js文件、css文件。在一个实施方式中，所述前端文件构建服务器在所述静态资源链接中增加版本标识信息，包括：确定所述静态资源链接所链接的静态文件是否有变化；在确定有变化的情况下，修改版本标识信息。在一个实施方式中，所述前端文件构建服务器在所述静态资源链接中增加版本标识信息，包括：通过gulp在所述静态资源链接中增加版本标识信息。在一个实施方式中，所述前端文件构建服务器基于携带有版本标识信息的静态资源链接构建得到前端文件，包括：通过Jenkins构建得到所述前端文件。在一个实施方式中，所述前端文件构建服务器在所述静态资源链接中增加版本标识信息之前，还包括：备份源代码目录。在一个实施方式中，所述前端服务器在所述基于携带有版本标识信息的静态资源链接构建得到前端文件之后，还包括：恢复备份的源代码目录。在一个实施方式中，所述前端文件构建服务器通过Jenkins构建得到所述前端文件，包括：获取最新代码到源代码目录；调用执行第一外部脚本将源代码目录备份到备份目录，并修改所述源代码目录，为所述源代码目录中的静态资源链接增加版本标识信息；对所述源代码目录的前端文件进行构建，并将构建后的代码输出至目标目录；调用执行第二外部脚本删除所述修改后的源代码目录，并将所述备份目录改为源代码目录。另一方面提供了一种页面访问终端，包括处理器以及用于存储处理器可执行指令的存储器，所述处理器执行所述指令时实现：获取页面访问请求；响应于所述页面访问请求，从服务器调取构建的前端文件；将调取的所述前端文件展示给用户。另一方面提供了一种计算机可读存储介质，其上存储有计算机指令，所述指令被执行时实现上述方法的步骤。在本专利技术实施例中，在确定携带有静态资源链接的情况下，在静态资源链接中增加用于标识所述静态资源链接所链接的静态文件的版本的标识信息，从而使得生成的前端文件中的静态文件是最新的静态文件，解决了现有的更新后的静态文件无法及时有效展现给用户导致的效率低下、用户体验低的技术问题，达到了有效提升用户体验的技术效果。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，并不构成对本专利技术的限定。在附图中：图1是根据本专利技术实施例的前端文件构建方法的方法流程图；图2是根据本专利技术实施例的在Jenkins上集成gulp组件的前端文件的构建方法的的方法流程图；图3是根据本专利技术实施例的Jenkins与gulp集成构建流程图；图4是根据本专利技术实施例的页面访问方法的方法流程图；图5是根据本专利技术实施例的前端文件构建服务器的架构示意图；图6是根据本专利技术实施例的前端文件构建装置的结构框图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚明白，下面结合实施方式和附图，对本专利技术做进一步详细说明。在此，本专利技术的示意性实施方式及其说明用于解释本专利技术，但并不作为对本专利技术的限定。针对现有的页面显示存在的问题，考虑到可以为静态文件设置版本标识信息，在集成前端文件的时候，可以将版本标识信息集成至前端文件中，这样可以基于版本标识信息确定出文件是否为最新的文件，基于版本标识信息实现对静态文件的更新，从而可以保证将新的静态文件展现给用户，以提升用户体验。基于此，在本例中提供了一种前端文件构建方法，如图1所示，可以包括如下步骤：步骤101：响应所述前端文件构建请求，确定构建的前端文件中是否携带有静态资源链接；步骤102：在确定携带有静态资源链接的情况下，在所述静态资源链接中增加版本标识信息，其中，所述版本标识信息用于标识所述静态资源链接所链接的静态文件的版本；步骤103：基于携带有版本标识信息的静态资源链接构建得到前端文件。上述的版本标识信息可以是一个标识信息，用于唯一标识某个文件，如果这个文件改变，那么该文件对应的标识信息也需要改变。为此，可以通过计算MD5值作为标识信息，由于MD5值是根据文件内容计算得到的，因此，当文件内容发生变化时，必然会导致MD5值发生变化，这样通过选择MD5值作为版本标识信息可以有效地标识文件的不同版本。然而，值得注意的是，上述以MD5值作为文件版本标识信息仅是一种示例本文档来自技高网...

【技术保护点】
1.一种前端文件构建方法，其特征在于，包括：响应于所述前端文件构建请求，确定构建的前端文件中是否携带有静态资源链接；在确定携带有静态资源链接的情况下，在所述静态资源链接中增加版本标识信息，其中，所述版本标识信息用于标识所述静态资源链接所链接的静态文件的版本；基于携带有版本标识信息的静态资源链接构建得到前端文件。

【技术特征摘要】
1.一种前端文件构建方法，其特征在于，包括：响应于所述前端文件构建请求，确定构建的前端文件中是否携带有静态资源链接；在确定携带有静态资源链接的情况下，在所述静态资源链接中增加版本标识信息，其中，所述版本标识信息用于标识所述静态资源链接所链接的静态文件的版本；基于携带有版本标识信息的静态资源链接构建得到前端文件。2.根据权利要求1所述的方法，其特征在于，所述版本标识信息包括：MD5值。3.根据权利要求1所述的方法，其特征在于，所述静态文件包括以下至少之一：js文件、css文件。4.根据权利要求1所述的方法，其特征在于，在所述静态资源链接中增加版本标识信息，包括：确定所述静态资源链接所链接的静态文件是否有变化；在确定有变化的情况下，修改版本标识信息。5.根据权利要求1所述的方法，其特征在于，在所述静态资源链接中增加版本标识信息，包括：通过gulp在所述静态资源链接中增加版本标识信息。6.根据权利要求5所述的方法，其特征在于，基于携带有版本标识信息的静态资源链接构建得到前端文件，包括：通过Jenkins构建得到所述前端文件。7.根据权利要求1所述的方法，其特征在于，在所述静态资源链接中增加版本标识信息之前，还包括：备份源代码目录。8.根据权利要求7所述的方法，其特征在于，在所述基于携带有版本标识信息的静态资源链接构建得到前端文件之后，还包括：恢复备份的源代码目录。9.根据权利要求7所述的方法，其特征在于，通过Jenkins构建得到所述前端文件，包括：获取最新代码到源代码目录；调用执行第一外部脚本将源代码目录备份到备份目录，并修改所述源代码目录，为所述源代码目录中的静态资源链接增加版本标识信息；对所述源代码目录的前端文件进行构建，并将构建后的代码输出至目标目录；调用执行第二外部脚本删除所述修改后的源代码目录，并将所述备份目录改为源代码目录。10.一种页面访问方法，其特征在于，包括：获取页面访问请求；响应于所述页面访问请求，从服务器调取权利要求1至7中任一项构建的前端文件；将调取的所述前端文件展示给用户。11.一种前端文件构建服务器，包括处理器以及用于存储处理器可执行指令的存储器，所述处理器执行所述指令时实现：响应于所述前端文件构建请求，确定构建的前端文件中是否携带有静态资源链接；在确定携带有静态资源链...

【专利技术属性】
技术研发人员：黄美玲，陆雄斌，刘海建，
申请(专利权)人：网宿科技股份有限公司，
类型：发明
国别省市：上海,31