[发明专利]一种混合应用的埋点方法、移动终端及系统

说明书

本发明公开了一种混合应用的埋点方法、移动终端及混合应用的埋点系统，该方法适于在移动终端中执行，移动终端中安装有混合应用且与网络服务器通信连接，该方法包括：遍历混合应用的当前页面的视图树，以查找到视图树中的网络视图控件；通过混合应用的原生框架层，向网络视图控件注入相应的JS接口和JS脚本，以实现原生框架层与网络视图控件的通信；响应截图指令，根据网络视图控件，获取当前页面的页面截图及页面控件信息；通过原生框架层将页面截图及页面控件信息上报至网络服务器，以指示网络服务器生成控件路径配置信息；接收网络服务器下发的控件路径配置信息，解析控件路径配置信息并映射到相应的控件上，以完成埋点。

技术领域

本发明涉及移动互联网领域，特别涉及一种混合应用的埋点方法、移动终端及混合应用的埋点系统。

背景技术

随着移动互联网业务场景越来越复杂，以Hybrid模式开发的应用越来越多，该类应用通常称为Hybrid应用，即混合应用，是介于Native应用(本地化应用)和Web应用(网页应用)之间的移动应用。在混合应用中，更多的页面采用HTML5(Hyper Text MarkupLanguage 5，超文本标记语言第五版)进行编写，如果对混合应用进行埋点分析，那么需要对成百上千张网页页面进行统计，在庞大的业务背景下，急需要一种针对HTML5页面的可视化埋点技术，使得开发人员从巨大的劳动量中解放出来。

现有的可视化埋点方案只能够支持到针对原生控件的埋点，而HTML5页面是要运行在网络视图控件，即WebView控件中的，但WebView控件只是众多原生控件中的一个，当前方案仅仅能够支持到WebView控件这一层级，其内部的网页页面则是无法支持到埋点的。因此，需要提高一种新的混合应用的埋点方法来优化上述处理过程。

发明内容

为此，本发明提供一种混合应用的埋点技术方案，以力图解决或者至少缓解上面存在的问题。

根据本发明的一个方面，提供一种混合应用的埋点方法，适于在移动终端中执行，移动终端中安装有混合应用且与网络服务器通信连接，该方法包括如下步骤：首先，遍历混合应用的当前页面的视图树，以查找到视图树中的网络视图控件；通过混合应用的原生框架层，向网络视图控件注入相应的JS接口和JS脚本，以实现原生框架层与网络视图控件的通信；响应截图指令，根据网络视图控件，获取当前页面的页面截图及页面控件信息；通过原生框架层将页面截图及页面控件信息上报至网络服务器，以指示网络服务器生成控件路径配置信息；接收网络服务器下发的控件路径配置信息，解析控件路径配置信息并映射到相应的控件上，以完成埋点。

可选地，在根据本发明的混合应用的埋点方法中，向网络视图控件注入相应的JS接口和JS脚本的步骤包括：在当前页面加载的过程中，向网络视图控件注入相应的JS接口；当网络视图控件关联页面视图中的网页页面加载完成后，向网络视图控件注入相应的JS脚本。

可选地，在根据本发明的混合应用的埋点方法中，根据网络视图控件，获取当前页面的页面截图及页面控件信息的步骤包括：获取当前页面中视图树的根控件；调用根控件对应的截屏函数对当前页面进行屏幕截图，以获取当前页面的页面截图。

可选地，在根据本发明的混合应用的埋点方法中，调用根控件对应的截屏函数对当前页面进行屏幕截图，以获取当前页面的页面截图的步骤包括：调用根控件对应的截屏函数对当前页面进行屏幕截图以获取屏幕图片，并将屏幕图片保存为Bitmap类型对象；根据从屏幕图片的Bitmap类型对象中获取的图片缩放比例重新调整屏幕图片的宽高，以获取当前页面的页面截图。

可选地，在根据本发明的混合应用的埋点方法中，页面控件信息包括原生页面控件信息和网页页面控件信息，根据网络视图控件，获取当前页面的页面截图及页面控件信息的步骤包括：遍历当前页面的视图树中的所有控件，以获取各控件的控件信息作为该当前页面的原生页面控件信息；当遍历到的控件是网络视图控件时，调用网络视图控件对应的JS方法，以获取网络视图控件关联页面视图里的网页页面中各控件的控件信息，作为该当前页面的网页页面控件信息。