[发明专利]一种H5页面构建方法、装置、电子设备及其计算机可读存储介质

说明书

本申请属H5页面构建技术领域，具体涉及一种H5页面构建方法，包括：页面构建步骤，基于预设页面模板构建页面；组件构建步骤，基于预设组件模板构建组件；页面调试步骤，进入调试页面，进行编译；页面生成步骤，将编译的文件插入HTML文件，输出到文件夹。另一方面提供一种H5页面构建装置，包括：页面构建模块，基于预设页面模板构建页面；组件构建模块，基于预设组件模板构建组件；页面调试模块，开启调试页面，进行编译；页面生成模块，将编译的文件插入HTML文件，输出到文件夹。此外，涉及一种电子设备及其计算机可读存储介质。

技术领域

本申请属H5页面构建技术领域，具体涉及一种H5页面构建方法、装置、电子设备及其计算机可读存储介质。

背景技术

H5页面泛指在社交应用中传播的，带有交互体验、动态效果以及音效的页面，可使用第五代超文本标记语言(HTML，Hyper Text Markup Language)标准的相关标准制作页面，创意足意足、传播快等优点，成为互联网平台宣传营销的有力手段，当下，越来越多的应用程序中支持H5页面。

在应用程序发布H5页面之前需要完成H5页面的构建工作，目前，H5页面的构建工作多是由H5开发人员根据具体需要进行编写代码、调试、编译生成H5页面，完成开发，其过程缺少相应的工具，多依靠手动进行，效率较低，开发周期较长。

鉴于上述技术缺陷的存在提出本申请。

需注意的是，以上背景技术内容的公开仅用于辅助理解本发明的发明构思及技术方案，其并不必然属于本专利申请的现有技术，在没有明确的证据表明上述内容在本专利申请的申请日已经公开的情况下，上述背景技术不应当用于评价本申请的新颖性和创造性。

发明内容

本申请的目的是提供H5页面构建方法、装置、电子设备及其计算机可读存储介质，以克服或减轻已知存在的至少一方面的技术缺陷。

本申请的技术方案是：

一方面提供一种H5页面构建方法，包括：

页面构建步骤，基于预设页面模板构建页面；

组件构建步骤，基于预设组件模板构建组件；

页面调试步骤，进入调试页面，对构建的页面、构建的组件进行编译；

页面生成步骤，将编译的文件插入HTML文件，输出到文件夹。

根据本申请的至少一个实施例，上述的H5页面构建方法中，所述页面构建步骤中，基于预设页面模板构建页面，同时构建相应的入口、模板、数据管理、注册文件。

根据本申请的至少一个实施例，上述的H5页面构建方法中，所述组件构建步骤中，基于预设组件模板构建的组件包括页面级组件、全局级组件。

根据本申请的至少一个实施例，上述的H5页面构建方法中，所述组件构建步骤中，基于预设组件模板构建组件，同时构建相应的模板、数据状态以及静态变量管理、触发数据状态改变函数、异步操作文件。

根据本申请的至少一个实施例，上述的H5页面构建方法中，所述页面调试步骤中，进入调试页面，具体为：

通过nodeJs启动express服务进入调试页面。

根据本申请的至少一个实施例，上述的H5页面构建方法中，所述页面调试步骤中，对构建的页面、构建的组件进行编译，包括：

JS编译步骤，将JS编译为es5；

sass编译步骤，将sass编译为css。

根据本申请的至少一个实施例，上述的H5页面构建方法中，所述JS编译步骤中，将JS编译为es5，具体为：