[发明专利]项目框架的构建方法、装置、计算机设备和存储介质

说明书

本申请涉及一种项目框架的构建方法、装置、计算机设备和存储介质。方法包括：获取渐进式网页应用配置插件包，并解析取渐进式网页应用配置文件；接收到项目构建指令后，根据项目构建指令利用React项目脚手架工具生成项目框架，将渐进式网页应用配置文件保存至项目框架的项目目录中；根据渐进式网页应用配置文件保存信息，确定渐进式网页应用配置文件在项目目录中的路径信息；根据路径信息生成渐进式网页应用配置文件对应的引入代码，将引入代码写入至项目入口文件的预设位置中，得到支持渐进式网页应用的项目框架。采用本方法无需开发人员手动编写代码，减轻开发人员的编码负担，降低了代码复杂度，且不影响业务代码的执行以及运行性能。

技术领域

本申请涉及计算机技术领域，特别是涉及一种项目框架的构建方法、装置、计算机设备和存储介质。

背景技术

目前，业内在开发React项目时，通常React项目的脚手架工具快速搭建基础React项目框架，但是通过现有的脚手架工具搭建的项目框架本身不支持PWA(Progressive WebApps，渐进式网页应用)离线缓存功能，如果现有的项目框架增加支持PWA离线缓存功能，需要开发人员自行更改React项目框架或项目脚手架工具的构建代码以添加相应的功能代码，在此过程中，由于项目框架或脚手架工具的底层代码的复杂性，开发难度大、效率低，且容易导致最终得到的React项目出现代码出错等问题，开发出错率高。

发明内容

基于此，有必要针对上述技术问题，提供一种项目框架的构建方法、装置、计算机设备和存储介质。

一种项目框架的构建方法，所述方法包括：

获取渐进式网页应用配置插件包，解析所述渐进式网页应用配置插件包获取渐进式网页应用配置文件；

接收到项目构建指令后，根据所述项目构建指令利用React项目脚手架工具生成项目框架，将所述渐进式网页应用配置文件保存至所述项目框架对应的项目目录中；

根据所述渐进式网页应用配置文件保存信息，确定所述渐进式网页应用配置文件在所述项目目录中的路径信息；

根据路径信息生成所述渐进式网页应用配置文件对应的引入代码，将所述引入代码写入至所述项目框架中的项目入口文件的预设位置中，得到支持渐进式网页应用的项目框架。

在其中一个实施例中，所述将所述引入代码写入至所述项目框架中的项目入口文件的预设位置中的步骤之后，还包括：

读取所述渐进式网页应用配置文件中的请求信息；

通过所述请求信息对应的接口加载请求信息的响应数据，并将所述响应数据保存至缓存存储器中；

当监听到所述请求信息，从所述缓存存储器中查找与所述请求数据对应响应数据，返回所述响应数据。

在其中一个实施例中，所述根据路径信息生成所述渐进式网页应用配置文件对应的引入代码的步骤，包括：

将所述路径信息确定为外部引用属性值写入至script标签中，得到所述渐进式网页应用配置文件的引用代码。

在其中一个实施例中，所述将所述引入代码写入至所述项目框架中的项目入口文件的预设位置中的步骤，包括：

检测浏览器的配置对象中是否支持所述渐进式网页应用配置接口；

若所述配置对象中支持所述渐进式网页应用配置接口，则将所述引入代码写入至所述项目入口文件的底部位置中。

在其中一个实施例中，其特征在于，所述获取渐进式网页应用配置文件的步骤，包括：

展示配置信息修改页面，通过配置信息修改页面获取各个配置项的配置参数；