一种基于标准Web技术构建原生小程序的引擎

技术领域

本发明属于物联网技术领域，尤其涉及一种基于标准Web技术构建原生小程序的引擎。

背景技术

随着信息技术的发展，越来越多的企业相应推出小程序。小程序是一种无需下载安装，即可使用的手机应用，其具有体量轻、无需卸载安装、加载快、使用方便、不占手机内存的特点。不同的企业遵循相应的开发规范，使用相应的语言进行小程序的开发，则容易开发出多种不同平台的小程序。

传统的HTML页面由于受其技术限制，加载速度不如原生小程序，但是HTML也具备原生小程序不具备的优势，那就是可以跨平台运行。目前构建原生小程序实现成本较高，需要在相应的小程序平台建设相应的原生组件，方式较为复杂。

发明内容

为解决上述技术问题，本发明提供一种基于标准Web技术构建原生小程序的引擎。为了对披露的实施例的一些方面有一个基本的理解，下面给出了简单的概括。该概括部分不是泛泛评述，也不是要确定关键/重要组成元素或描绘这些实施例的保护范围。其唯一目的是用简单的形式呈现一些概念，以此作为后面的详细说明的序言。

本发明采用如下技术方案：

在一些可选的实施例中，提供一种基于标准Web技术构建原生小程序的引擎，包括：终端展现层和服务层，所述服务层包括：公共框架服务，用于将JSP网页转换为HTML页面，同时为HTML片段提供管理服务，并提供保存缓存服务；页面设计器，用于提供页面搭建工具，所述页面搭建工具是指通过托拉拽的方式将各种组件进行组合，搭建为一个页面；页面元数据，用于作为所述页面设计器输出产物及页面渲染器的输入内容，使用与描述页面定义的数据；页面渲染器，用于页面定义的解析，将所述页面元数据还原成一个用户可见的页面。

在一些可选的实施例中，所述公共框架服务包括：元数据存储单元，用于为元数据提供持久化保存服务；页面静态化单元，用于将动态的JSP网页转换为静态的HTML页面；页面缓存单元，用于为页面存储提供高速缓存服务；模板管理单元，用于对HTML片段提供管理服务，动态的增删改查各种HTML片段。

在一些可选的实施例中，所述页面设计器包括：样式主题编辑器，用于为页面以及页面内组件提供样式主题编辑；应用模块加载单元，用于将支持配置的应用进行加载，供页面设计器使用；应用模块配置单元，用于为拖拽到页面中的应用提供属性配置；页面定义生成单元，用于在应用被拖拽的过程中同步生成应用在页面中的定义，该定义描述了该应用的配置内容；视图扩展规范单元，用于根据视图扩展规范进行扩展。

在一些可选的实施例中，所述页面渲染器包括：页面定义解析单元，用于将页面定义解析划分为模板定义、数据加载定义及样式定义；模板加载单元，用于将页面中的模板解析完成，并进行存储；数据加载单元，用于将页面中每个应用的数据加载方式解析完成，并进行存储；样式加载单元，用于将页面中每个应用的样式定义解析完成，并进行存储；H5渲染单元，用于利用浏览器显示HTML的能力进行页面显示；小程序渲染单元，用于将模板转化为原生的组件，再将组件布置至页面相应的位置上，并加载组件的内容且设置组件的样式。

本发明所带来的有益效果：提供可视化设计配置页面；支持网页应用快速转换成原生小程序；可扩展；可以跨平台复用；既能保证应用的加载速度，又可以灵活的适配到各小程序平台，解决了原生小程序不能跨平台的运行的问题，又解决了HTML页面加载速度慢的问题。

附图说明

图1是本发明一种基于标准Web技术构建原生小程序的引擎的示意图。

具体实施方式

以下描述和附图充分地展示出本发明的具体实施方案，以使本领域的技术人员能够实践它们。其他实施方案可以包括结构的、逻辑的、电气的、过程的以及其他的改变。实施例仅代表可能的变化。除非明确要求，否则单独的部件和功能是可选的，并且操作的顺序可以变化。一些实施方案的部分和特征可以被包括在或替换其他实施方案的部分和特征。

如图1所示，在一些说明性的实施例中，提供一种基于标准Web技术构建原生小程序的引擎，本发明基于标准Web技术进行页面设计、生成、转化的机制，可以让网页生成原生的微信小程序、抖音小程序等，可以定义为一个页面转化系统。

本发买那个的一种基于标准Web技术构建原生小程序的引擎包括：终端展现层和服务层。

终端展现层主要支持3类终端，包括：H5、APP和微信小程序。H5就是传统的HTML页面基础上，新增了HTML5的规范标准，具有跨平台运行的优点。APP目前支持Android和iOS平台，可以为用户提供更好的体验。微信小程序是近年刚推出的一种应用模式，也是本技术重点支持的一种应用，具有用户基数大，传播速度快，应用容易获得等特点。其他的展现形式还包括：抖音小程序、支付宝小程序、百度小程序等等，都可以通过该引擎进行快速的适配。

服务层包括：公共框架服务、页面设计器、页面元数据、页面渲染器。

公共框架服务，用于将JSP网页转换为HTML页面，同时为HTML片段提供管理服务，并提供保存缓存服务。公共框架服务主要提供了如下组件：元数据存储单元、页面静态化单元、页面缓存单元、模板管理单元。元数据存储单元，用于为元数据提供持久化保存服务；页面静态化单元，用于将动态的JSP网页转换为静态的HTML页面；页面缓存单元，用于为页面存储提供高速缓存服务，从而提高访问速度；模板管理单元，用于对HTML片段提供管理服务，动态的增删改查各种HTML片段，模板就是HTML片段，模板管理就是HTML片段管理服务。

页面设计器，用于提供页面搭建工具，所述页面搭建工具是指通过托拉拽的方式将各种组件进行组合，搭建为一个页面。页面设计器包括：样式主题编辑器、应用模块加载单元、应用模块配置单元、页面定义生成单元、视图扩展规范单元。

样式主题编辑器，用于为页面以及页面内组件提供样式主题编辑，如：背景色、背景图、透明度等等。

应用模块加载单元，用于将支持配置的应用进行加载，供页面设计器使用，通过拖拽的方式，就可以将应用加入到页面中。

应用模块配置单元，用于为拖拽到页面中的应用提供属性配置，如：标题、跳转的链接等等。

页面定义生成单元，用于在应用被拖拽的过程中同步生成应用在页面中的定义，该定义描述了该应用的配置内容。所述配置内容，包括：配置样式、应用属性等等，配置样式用于描述该应用的图标、背景色等等，应用属性用于描述其标题等应用特有的属性；多个应用属性聚合在一起，形成了完成的页面定义。

视图扩展规范单元，用于根据视图扩展规范进行扩展。除了目前设计器中已经提供的样式视图，后续还可以根据视图扩展规范进行扩展，如：目前有轮播图这个应用视图，后续还可以扩展图片导航、列表、卡片等视图，为了保证扩展的内容能够被统一管理维护，在进行扩展时，必须要遵循扩展规范。

页面元数据，用于作为页面设计器输出产物及页面渲染器的输入内容，使用与描述页面定义的数据，如：页面定义的归属关系、页面定义的规则、页面定义的内容等等，是设计器输出产物，也是渲染器的输入内容。

页面渲染器，用于页面定义的解析，将页面元数据还原成一个用户可见的页面。页面渲染器包括：页面定义解析单元、模板加载单元、样式加载单元、H5渲染单元、小程序渲染单元、其他平台渲染。

页面定义解析单元，用于将页面定义解析划分为模板定义、数据加载定义及样式定义，这些内容用于描述一个应用在页面中的位置、数据如何加载、样式如何设置。

模板加载单元，用于将页面中的模板解析完成，并进行存储。

数据加载单元，用于将页面中每个应用的数据加载方式解析完成，并进行存储。

样式加载单元，用于将页面中每个应用的样式定义解析完成，并进行存储。

H5渲染单元，用于利用浏览器显示HTML的能力进行页面显示，包括将模板放在页面正确的位置，加载应用内容，设置应用的样式，所有的渲染器过程基本一致，区别在于模板渲染的方式。

小程序渲染单元，利用微信小程序平台的能力以及原生小程序引擎，用于将模板转化为原生的组件，再将组件布置至页面相应的位置上，并加载组件的内容且设置组件的样式

其他平台渲染，该模板是对未来扩展的描述，为了如果有了新的渲染平台，则只需要实现新的渲染器即可，其余如模板加载、数据加载、样式加载、页面定义解析都是可复用的，是引擎的核心部分。

本发明提供可视化设计配置页面；支持网页应用快速转换成原生小程序应用；渲染器可扩展，除微信小程序渲染器以外，还可以扩展出抖音小程序渲染器、支付宝小程序渲染器等；提供通用的渲染组件，可以跨平台复用，包括：页面定义解析、模板加载、数据加载和样式加载。

本领域技术人员还应当理解，结合本文的实施例描述的各种说明性的逻辑框、模块、电路和算法步骤均可以实现成电子硬件、计算机软件或其组合。为了清楚地说明硬件和软件之间的可交换性，上面对各种说明性的部件、框、模块、电路和步骤均围绕其功能进行了一般地描述。至于这种功能是实现成硬件还是实现成软件，取决于特定的应用和对整个系统所施加的设计约束条件。熟练的技术人员可以针对每个特定应用，以变通的方式实现所描述的功能，但是，这种实现决策不应解释为背离本公开的保护范围。