页面构建方法、装置、设备和存储介质制造方法及图纸

本公开提供了一种页面构建方法、装置、设备和存储介质，属于互联网技术领域。包括：分别对获取到的页面模板组件和页面功能组件得到第一页面模板文件和页面功能文件；将第一页面模板文件与直出页面服务器内联；根据页面功能文件和内联后的第一页面模板文件，生成第二页面模板文件；根据第一页面模板文件和第二页面模板文件，生成直出页面模板文件；向直出页面服务器发送直出页面模板文件，直出页面服务器接收页面获取请求，生成直出页面文件，向第二终端返回直出页面文件，由第二终端根据直出页面文件渲染直出页面。通过分别对该待构建页面模板中的源文件的不同组件进行编译，提高了代码的复用率，提高了页面的构建效率。

Page building methods, devices, devices, and storage media

【技术实现步骤摘要】
页面构建方法、装置、设备和存储介质
本公开涉及互联网
，特别涉及一种页面构建方法、装置、设备和存储介质。
技术介绍
终端中常见的浏览器页面有直出页面和静态页面，直出页面因为可以通过一次请求拉取显示页面的首屏内容，大大缩短了首屏内容的显示时间，可以给用户带来更好的用户体验，使其更受开发人员青睐，逐渐替代了静态页面。通常开发人员基于react库(一种前端构建框架，包括多种构建组件和插件库)构建直出页面。但是，react库的文件体积较大，当基于react库为移动终端构建直出页面时，会导致移动终端的页面加载速度降低。为了解决react库存在的问题，preact库应运而生。preact库是一款react库的轻量化方案，preact库中的文件体积相对react库大大减小。相关技术中，基于preact库构建直出页面时常使用preact-render-to-string库，将获取的页面组件全部进行编译，生成HTML(HyperTextMarkupLanguage，超文本标记语言)文件，当终端需要显示直出页面时，根据该HTML文件，在终端的浏览器中渲染该HTML文件，得到直出页面。上述相关技术中，通过preact库构建已有的静态页面对应的直出页面时，需要开发人员根据页面重新编写直出页面的代码组件，导致静态页面对应的代码组件复用率低，页面构建的效率低。
技术实现思路
本公开实施例提供了一种页面构建方法、装置、设备和存储介质。用于解决复杂机器学习模型的可信度低，导致机器学习模型的使用范围较窄的问题。所述技术方案如下：一方面，提供了一种页面构建方法，所述方法应用于第一终端，所述方法包括：获取待构建页面模板对应的页面模板组件，以及，获取与直出页面服务器对应的页面功能组件；对所述页面模板组件进行编译，生成第一页面模板文件；将所述第一页面模板文件与直出页面服务器内联；对所述页面功能组件进行编译，得到所述待构建页面模板对应的页面功能文件；根据所述页面功能文件和与所述直出页面服务器内联的所述第一页面模板文件，生成第二页面模板文件；根据所述第一页面模板文件和所述第二页面模板文件，生成直出页面模板文件；向所述直出页面服务器发送所述直出页面模板文件，所述直出页面服务器用于当接收到第二终端发送的页面获取请求时，将所述页面获取请求对应的页面数据加载到所述直出页面模板文件中，生成直出页面文件，向所述第二终端返回所述直出页面文件，由所述第二终端根据所述直出页面文件渲染直出页面。在一种可能的实现方式中，所述对所述页面模板组件进行编译，生成第一页面模板文件，包括：从所述页面模板组件中获取超文本标记语言HTML文件；对所述HTML文件进行编译，生成所述第一页面模板文件。在另一种可能的实现方式中，所述对所述页面模板组件进行编译，生成第一页面模板文件之后，所述方法还包括：将所述第一页面模板文件，生成静态页面模板文件；将所述静态页面模板文件发送给静态页面服务器，所述静态页面服务器用于将所述静态页面模板文件作为所述直出页面模板文件的容灾页面模板文件。在另一种可能的实现方式中，所述方法还包括：获取所述直出页面模板文件对应的第一资源统一定位路径；将所述第一资源统一定位路径中的传输协议替换为静态页面模板对应的静态传输协议，得到所述静态页面模板文件的第二资源统一定位路径；将所述第一资源统一定位路径和所述第二资源统一定位路径添加到所述直出页面模板文件中，所述第二资源统一定位路径用于所述第二终端通过所述第一资源统一定位路径获取直出页面失败时，基于所述第二资源统一定位路径，从所述静态页面服务器中获取静态页面。在另一种可能的实现方式中，所述源文件还包括页面控件组件；所述根据所述第一页面模板文件和所述第二页面模板文件，生成直出页面模板文件，包括：通过所述页面控件组件进行编译，得到页面控件文件；将所述页面控件文件、所述第一页面模板文件和所述第二页面模板文件组成所述直出页面模板文件。在另一种可能的实现方式中，所述获取待构建页面模板对应的页面模板组件，包括：获取源文件，所述源文件为所述待构建页面对应的静态页面模板的源文件；从所述源文件中，获取所述待构建页面模板对应的页面模板组件。在另一种可能的实现方式中，所述获取源文件之后，所述方法还包括：对所述源文件进行格式检测；当所述源文件的文件格式不是目标文件格式时，将所述源文件的文件格式转换成所述目标文件格式。在另一种可能的实现方式中，所述对所述页面模板组件进行编译，生成第一页面模板文件之前，所述方法还包括：确定所述源文件中的模板文件对应的数字指纹；根据所述数字指纹，对所述源文件进行重命名。另一方面，提供了一种页面构建方法，所述方法应用于转发服务器，所述方法包括：接收第二终端发送的第一页面获取请求，所述第一页面获取请求中携带所述直出页面模板文件，所述直出页面模板文件中包括所述直出页面模板文件对应的第一资源统一定位路径；当基于所述第一资源统一定位路径，从直出页面服务器中获取直出页面失败时，获取静态页面模板文件的第二资源统一定位路径；根据所述第二资源统一定位路径，向静态页面服务器发送第二页面获取请求；接收所述静态页面服务器返回的静态页面文件，向所述第二终端返回所述静态页面文件。在一种可能的实现方式中，所述获取静态页面模板文件的第二资源统一定位路径，包括：所述直出页面模板文件中包括所述静态页面模板文件的第二资源统一定位路径，从所述直出页面模板文件中获取所述第二资源统一定位路径；或者，根据所述第一资源统一定位路径，将所述第一资源统一定位路径中的传输协议替换为静态页面模板对应的静态传输协议，得到所述第二资源统一定位路径。另一方面，提供了一种页面构建装置，所述装置应用于第一终端，所述装置包括：第一获取模块，用于获取待构建页面模板对应的页面模板组件，以及，获取与直出页面服务器对应的页面功能组件；第一编译模块，用于对所述页面模板组件进行编译，生成第一页面模板文件；内联模块，用于将所述第一页面模板文件与直出页面服务器内联；第二编译模块，用于对所述页面功能组件进行编译，得到所述待构建页面模板对应的页面功能文件；第一生成模块，用于根据所述页面功能文件和与所述直出页面服务器内联的所述第一页面模板文件，生成第二页面模板文件；第二生成模块，用于根据所述第一页面模板文件和所述第二页面模板文件，生成直出页面模板文件；第一发送模块，用于向所述直出页面服务器发送所述直出页面模板文件，所述直出页面服务器用于当接收到第二终端发送的页面获取请求时，将所述页面获取请求对应的页面数据加载到所述直出页面模板文件中，生成直出页面文件，向所述第二终端返回所述直出页面文件，由所述第二终端根据所述直出页面文件渲染直出页面。在一种本文档来自技高网...

【技术保护点】
1.一种页面构建方法，其特征在于，所述方法应用于第一终端，所述方法包括：/n获取待构建页面模板对应的页面模板组件，以及，获取与直出页面服务器对应的页面功能组件；/n对所述页面模板组件进行编译，生成第一页面模板文件；/n将所述第一页面模板文件与直出页面服务器内联；/n对所述页面功能组件进行编译，得到所述待构建页面模板对应的页面功能文件；/n根据所述页面功能文件和与所述直出页面服务器内联的所述第一页面模板文件，生成第二页面模板文件；/n根据所述第一页面模板文件和所述第二页面模板文件，生成直出页面模板文件；/n向所述直出页面服务器发送所述直出页面模板文件，所述直出页面服务器用于当接收到第二终端发送的页面获取请求时，将所述页面获取请求对应的页面数据加载到所述直出页面模板文件中，生成直出页面文件，向所述第二终端返回所述直出页面文件，由所述第二终端根据所述直出页面文件渲染直出页面。/n

【技术特征摘要】
1.一种页面构建方法，其特征在于，所述方法应用于第一终端，所述方法包括：
获取待构建页面模板对应的页面模板组件，以及，获取与直出页面服务器对应的页面功能组件；
对所述页面模板组件进行编译，生成第一页面模板文件；
将所述第一页面模板文件与直出页面服务器内联；
对所述页面功能组件进行编译，得到所述待构建页面模板对应的页面功能文件；
根据所述页面功能文件和与所述直出页面服务器内联的所述第一页面模板文件，生成第二页面模板文件；
根据所述第一页面模板文件和所述第二页面模板文件，生成直出页面模板文件；
向所述直出页面服务器发送所述直出页面模板文件，所述直出页面服务器用于当接收到第二终端发送的页面获取请求时，将所述页面获取请求对应的页面数据加载到所述直出页面模板文件中，生成直出页面文件，向所述第二终端返回所述直出页面文件，由所述第二终端根据所述直出页面文件渲染直出页面。


2.根据所述权利要求1所述的方法，其特征在于，所述对所述页面模板组件进行编译，生成第一页面模板文件，包括：
从所述页面模板组件中获取超文本标记语言HTML文件；
对所述HTML文件进行编译，生成所述第一页面模板文件。


3.根据权利要求1所述的方法，其特征在于，所述对所述页面模板组件进行编译，生成第一页面模板文件之后，所述方法还包括：
将所述第一页面模板文件，生成静态页面模板文件；
将所述静态页面模板文件发送给静态页面服务器，所述静态页面服务器用于将所述静态页面模板文件作为所述直出页面模板文件的容灾页面模板文件。


4.根据权利要求3所述的方法，其特征在于，所述方法还包括：
获取所述直出页面模板文件对应的第一资源统一定位路径；
将所述第一资源统一定位路径中的传输协议替换为静态页面模板对应的静态传输协议，得到所述静态页面模板文件的第二资源统一定位路径；
将所述第一资源统一定位路径和所述第二资源统一定位路径添加到所述直出页面模板文件中，所述第二资源统一定位路径用于所述第二终端通过所述第一资源统一定位路径获取直出页面失败时，基于所述第二资源统一定位路径，从所述静态页面服务器中获取静态页面。


5.根据权利要求1所述的方法，其特征在于，所述源文件还包括页面控件组件；所述根据所述第一页面模板文件和所述第二页面模板文件，生成直出页面模板文件，包括：
通过所述页面控件组件进行编译，得到页面控件文件；
将所述页面控件文件、所述第一页面模板文件和所述第二页面模板文件组成所述直出页面模板文件。


6.根据权利要求1所述的方法，其特征在于，所述获取待构建页面模板对应的页面模板组件，包括：
获取源文件，所述源文件为所述待构建页面对应的静态页面模板的源文件；
从所述源文件中，获取所述待构建页面模板对应的页面模板组件。


7.根据权利要求6所述的方法，其特征在于，所述获取源文件之后，所述方法还包括：
对所述源文件进行格式检测；
当所述源文件的文件格式不是目标文件格式时，将所述源文件的文件格式转换成所述目标文件格式。


8.根据权利要求1-7任一项所述的方法，其特征在于，所述对所述页面模板组件进行编译，生成第一页面模板文件之前，所述方法还包括：
确定所述源文件中的模板文件对应的数字指纹；
根据所述数字指纹，对所述源文件进行重命名。


9.一种页面构建方法，其特征在于，所述方法应用于转发服务器，所述方法包括：
接收第二终端发送的第一页面获取请求，所述第一页面获取请求中携带所述直出页面模板文件，所述直出页面模板文件中包括所述直出页面模板文件对应的第一资源统一定位路径；
当基于所述第一资源统一定位路径，从直出页面服务器中获取直出页面失败时，获取静态页面模板文件的第二资源统一定位路径；
根据所述第二资源统一定位路径，向静态页面服务器发送第二页面获取请求；
接收所述静态页面服务器返回的静态页面文件，向所述第二终端返回所述静态页面文件。


10.根据权利要求9所述的方法，其特征在于，所述获取静态页面模板文件的第二资源统一定位路径，包括：
所述直出页面模板文件中包括所述静态页面模板文件的第二资源统一定位路径，从所述直出页面模板文件中获取所述第二资源统一定位路径；或者，
根据所述第一资源统一定位路径，将所述第一资源统一定位路径中的传输协议替换为静态页面模板对应的静态传输协议，得到所述第二资源统一定位路径。


11.一种页面构建装置，其特征在于，所述装置应用于第一终端，所述装置包括：
第一获取模块，用于获取待构建页面模板对应的页面模板组件，以及，获取与直出页面服务器对应的页面功能组件；
第一编译模块，用于对所述页面模板组件进行编译，生成第一页面...

【专利技术属性】
技术研发人员：白玉仕，袁毅，
申请(专利权)人：腾讯音乐娱乐科技深圳有限公司，
类型：发明
国别省市：广东;44