[发明专利]一种在小程序中展示H5图文数据的方法及设备

说明书

本申请提供一种在小程序中展示H5图文数据的技术方案。在小程序端，首先基于数据获取请求，获取H5图文数据；接着将H5图文数据中的html标签内容解析为语法树对象数据；然后基于小程序中预置的渲染模板，将语法树对象数据解析为小程序能识别的标签内容，以实现在小程序中展示H5图文数据。若H5图文数据中的html标签包含style标签，则先将style标签内容解析为Map对象内容，再将Map对象内容确定为语法树对象的对应元素节点数据。通过该技术方案，无需服务端专门针对小程序准备H5图文数据源即可在小程序中完全可视化展现H5图文数据。在确保小程序用户体验的前提下，减少了商家的开发成本，具有非常实用的市场价值。

技术领域

本申请涉及小程序技术领域，尤其涉及一种在小程序中展示H5图文数据的技术。

背景技术

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可使用。对于用户来说，能够节约使用时间成本和手机内存空间，对于开发者来说也能节约开发和推广成本。因此，小程序得到越来越多开发者及用户的青睐。

随着小程序应用越来越普及，很多商家也把业务通过小程序向用户展现、推广，比如，很多商家将现有的在APP或电商平台上采用H5图文数据的业务拓展到小程序中去。但是H5图文数据通常是使用html格式，而小程序通过http接口请求到H5图文数据后，在小程序环境中却不能很好地被小程序识别，不能获得与APP或电商平台相同的展示，效果不是很好。

现有的解决的方法主要有两种：

一种是使用小程序原生组件webview来显示H5图文，通过在webview组件中渲染html格式数据，可以完成H5图文数据的可视化展现，但webview组件显示只能全屏展示，不支持H5图文的楼层滑动显示。

另一种是为了适配小程序，在服务端专门针对小程序，将H5图文数据源修改为图片列表形式，在小程序端采用图片列表形式来渲染，实现与APP或电商平台相同的H5图文可视化展示，但这种方式需要在服务端另做一套针对小程序的H5图文数据源，投入成本高，工作量大。

发明内容

本申请的目的是提供一种在小程序中展示H5图文数据的方法及设备，用以解决现有小程序上展示H5图文数据效果不佳的技术问题。

根据本申请的一个方面，提供了一种在小程序中展示H5图文数据的方法，其中，所述方法包括：

基于数据获取请求，获取H5图文数据；

将所述H5图文数据中的html标签内容解析为语法树对象数据；

基于小程序中预置的渲染模板，将所述语法树对象数据解析为所述小程序能识别的标签内容，以实现在所述小程序中展示所述H5图文数据。

可选地，所述将所述H5图文数据中的html标签内容解析为语法树对象数据包括：

遍历所述H5图文数据中的每个html标签，将每个html标签内容解析为语法树对象的一个元素节点数据。

可选地，其中，若所述H5图文数据中的html标签包含style标签，所述将所述H5图文数据中的html标签内容解析为语法树对象数据包括：

将所述style标签内容解析为Map对象内容；

遍历所述H5图文数据中其它类型的每个html标签，将每个html标签内容解析为语法树对象的一个元素节点数据；

将所述Map对象内容确定为所述语法树对象的对应元素节点数据。

可选地，其中，所述将所述style标签内容解析为Map对象内容包括：

将所述style标签内容中的选择器解析为所述Map对象的键，并将所述选择器对应的样式内容解析为所述Map对象的值；