一种混合应用的埋点方法、移动终端及系统技术方案

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

A buried point method, mobile terminal and system for mixed application

The invention discloses a buried point method, a mobile terminal and a mixed application buried point system for mixed applications. The method is adapted to be executed in a mobile terminal. A hybrid application is installed in a mobile terminal and is connected to a network server. The method includes: traversing a view tree of a front page of a mixed application to find a view. The network view control in the tree; through the primary framework of the mixed application, the corresponding JS interface and the JS script are injected into the network view control to realize the communication between the primary frame layer and the network view control; in response to the screenshot, the page screenshot and page control information of the current page are obtained by the network view control; through the original The raw frame layer reports the page screenshot and page control information to the network server to indicate the network server to generate the control path configuration information; receive the control path configuration information from the network server, parse the control path configuration information and map the control to the corresponding control to complete the buried point.

【技术实现步骤摘要】
一种混合应用的埋点方法、移动终端及系统
本专利技术涉及移动互联网领域，特别涉及一种混合应用的埋点方法、移动终端及混合应用的埋点系统。
技术介绍
随着移动互联网业务场景越来越复杂，以Hybrid模式开发的应用越来越多，该类应用通常称为Hybrid应用，即混合应用，是介于Native应用(本地化应用)和Web应用(网页应用)之间的移动应用。在混合应用中，更多的页面采用HTML5(HyperTextMarkupLanguage5，超文本标记语言第五版)进行编写，如果对混合应用进行埋点分析，那么需要对成百上千张网页页面进行统计，在庞大的业务背景下，急需要一种针对HTML5页面的可视化埋点技术，使得开发人员从巨大的劳动量中解放出来。现有的可视化埋点方案只能够支持到针对原生控件的埋点，而HTML5页面是要运行在网络视图控件，即WebView控件中的，但WebView控件只是众多原生控件中的一个，当前方案仅仅能够支持到WebView控件这一层级，其内部的网页页面则是无法支持到埋点的。因此，需要提高一种新的混合应用的埋点方法来优化上述处理过程。
技术实现思路
为此，本专利技术提供一种混合应用的埋点技术方案，以力图解决或者至少缓解上面存在的问题。根据本专利技术的一个方面，提供一种混合应用的埋点方法，适于在移动终端中执行，移动终端中安装有混合应用且与网络服务器通信连接，该方法包括如下步骤：首先，遍历混合应用的当前页面的视图树，以查找到视图树中的网络视图控件；通过混合应用的原生框架层，向网络视图控件注入相应的JS接口和JS脚本，以实现原生框架层与网络视图控件的通信；响应截图指令，根据网络视图控件，获取当前页面的页面截图及页面控件信息；通过原生框架层将页面截图及页面控件信息上报至网络服务器，以指示网络服务器生成控件路径配置信息；接收网络服务器下发的控件路径配置信息，解析控件路径配置信息并映射到相应的控件上，以完成埋点。可选地，在根据本专利技术的混合应用的埋点方法中，向网络视图控件注入相应的JS接口和JS脚本的步骤包括：在当前页面加载的过程中，向网络视图控件注入相应的JS接口；当网络视图控件关联页面视图中的网页页面加载完成后，向网络视图控件注入相应的JS脚本。可选地，在根据本专利技术的混合应用的埋点方法中，根据网络视图控件，获取当前页面的页面截图及页面控件信息的步骤包括：获取当前页面中视图树的根控件；调用根控件对应的截屏函数对当前页面进行屏幕截图，以获取当前页面的页面截图。可选地，在根据本专利技术的混合应用的埋点方法中，调用根控件对应的截屏函数对当前页面进行屏幕截图，以获取当前页面的页面截图的步骤包括：调用根控件对应的截屏函数对当前页面进行屏幕截图以获取屏幕图片，并将屏幕图片保存为Bitmap类型对象；根据从屏幕图片的Bitmap类型对象中获取的图片缩放比例重新调整屏幕图片的宽高，以获取当前页面的页面截图。可选地，在根据本专利技术的混合应用的埋点方法中，页面控件信息包括原生页面控件信息和网页页面控件信息，根据网络视图控件，获取当前页面的页面截图及页面控件信息的步骤包括：遍历当前页面的视图树中的所有控件，以获取各控件的控件信息作为该当前页面的原生页面控件信息；当遍历到的控件是网络视图控件时，调用网络视图控件对应的JS方法，以获取网络视图控件关联页面视图里的网页页面中各控件的控件信息，作为该当前页面的网页页面控件信息。可选地，在根据本专利技术的混合应用的埋点方法中，控件路径配置信息包括原生页面控件路径配置信息和网页页面控件路径配置信息，解析控件路径配置信息并映射到相应的控件上，以完成埋点的步骤包括：解析原生页面控件路径配置信息，以获取当前页面中网络视图控件的路径信息，并根据该路径信息查找到网络视图控件；解析网页页面控件路径配置信息，以获取网络视图控件关联页面视图里的网页页面中相应控件的路径信息；调用网络视图控件对应的URL加载方法，将网页页面中相应控件的路径信息传递至JS接口，以实现埋点。根据本专利技术的又一个方面，提供一种移动终端，包括一个或多个处理器、存储器以及一个或多个程序，其中一个或多个程序存储在存储器中并被配置为由一个或多个处理器执行，一个或多个程序包括用于执行根据本专利技术的混合应用的埋点方法的指令。根据本专利技术的又一个方面，提供一种存储一个或多个程序的计算机可读存储介质，一个或多个程序包括指令，指令当由移动终端执行时，使得移动终端执行根据本专利技术的混合应用的埋点方法。根据本专利技术的又一个方面，提供一种混合应用的埋点方法，适于在混合应用的埋点系统中运行，该系统包括网络服务器及与该网络服务器通信连接的一个或多个移动终端，每个移动终端中安装有混合应用，该方法包括如下步骤：首先，对每一个移动终端，该移动终端遍历其安装的混合应用的当前页面的视图树，以查找到视图树中的网络视图控件；通过混合应用的原生框架层，向网络视图控件注入相应的JS接口和JS脚本，以实现原生框架层与网络视图控件的通信；响应截图指令，根据网络视图控件，获取当前页面的页面截图及页面控件信息；通过原生框架层将页面截图及页面控件信息上报至网络服务器；网络服务器根据接收到的、各移动终端上报的页面截图及页面控件信息，生成与各移动终端对应的控件路径配置信息，并将各控件路径配置信息发送至对应的移动终端；各移动终端接收网络服务器下发的、与其对应的控件路径配置信息，解析控件路径配置信息并映射到相应的控件上，以完成埋点。可选地，在根据本专利技术的混合应用的埋点方法中，向网络视图控件注入相应的JS接口和JS脚本的步骤包括：在当前页面加载的过程中，向网络视图控件注入相应的JS接口；当网络视图控件关联页面视图中的网页页面加载完成后，向网络视图控件注入相应的JS脚本。可选地，在根据本专利技术的混合应用的埋点方法中，根据网络视图控件，获取当前页面的页面截图及页面控件信息的步骤包括：获取当前页面中视图树的根控件；调用根控件对应的截屏函数对当前页面进行屏幕截图，以获取当前页面的页面截图。可选地，在根据本专利技术的混合应用的埋点方法中，调用根控件对应的截屏函数对当前页面进行屏幕截图，以获取当前页面的页面截图的步骤包括：调用根控件对应的截屏函数对当前页面进行屏幕截图以获取屏幕图片，并将屏幕图片保存为Bitmap类型对象；根据从屏幕图片的Bitmap类型对象中获取的图片缩放比例重新调整屏幕图片的宽高，以获取当前页面的页面截图。可选地，在根据本专利技术的混合应用的埋点方法中，页面控件信息包括原生页面控件信息和网页页面控件信息，根据网络视图控件，获取当前页面的页面截图及页面控件信息的步骤包括：遍历当前页面的视图树中的所有控件，以获取各控件的控件信息作为该当前页面的原生页面控件信息；当遍历到的控件是网络视图控件时，调用网络视图控件对应的JS方法，以获取网络视图控件关联页面视图里的网页页面中各控件的控件信息，作为该当前页面的网页页面控件信息。可选地，在根据本专利技术的混合应用的埋点方法中，页面控件信息包括原生页面控件信息和网页页面控件信息，网络服务器根据接收到的、各移动终端上报的页面截图及页面控件信息，生成与各移动终端对应的控件路径配置信息的步骤包括：对每一个移动终端，网络服务器根据该移动终端上报的页面截图及页面控件信息，响应相应的埋点指令，对该页面控件信息所包括本文档来自技高网...

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

【技术特征摘要】
1.一种混合应用的埋点方法，适于在移动终端中执行，所述移动终端中安装有所述混合应用且与网络服务器通信连接，所述方法包括：遍历所述混合应用的当前页面的视图树，以查找到所述视图树中的网络视图控件；通过所述混合应用的原生框架层，向所述网络视图控件注入相应的JS接口和JS脚本，以实现原生框架层与网络视图控件的通信；响应截图指令，根据所述网络视图控件，获取当前页面的页面截图及页面控件信息；通过所述原生框架层将所述页面截图及页面控件信息上报至所述网络服务器，以指示所述网络服务器生成控件路径配置信息；接收所述网络服务器下发的控件路径配置信息，解析所述控件路径配置信息并映射到相应的控件上，以完成埋点。2.如权利要求1所述的方法，所述向所述网络视图控件注入相应的JS接口和JS脚本的步骤包括：在所述当前页面加载的过程中，向所述网络视图控件注入相应的JS接口；当所述网络视图控件关联页面视图中的网页页面加载完成后，向所述网络视图控件注入相应的JS脚本。3.如权利要求1或2所述的方法，所述根据所述网络视图控件，获取当前页面的页面截图及页面控件信息的步骤包括：获取当前页面中视图树的根控件；调用所述根控件对应的截屏函数对当前页面进行屏幕截图，以获取当前页面的页面截图。4.如权利要求3所述的方法，所述调用所述根控件对应的截屏函数对当前页面进行屏幕截图，以获取当前页面的页面截图的步骤包括：调用所述根控件对应的截屏函数对当前页面进行屏幕截图以获取屏幕图片，并将所述屏幕图片保存为Bitmap类型对象；根据从屏幕图片的Bitmap类型对象中获取的图片缩放比例重新调整屏幕图片的宽高，以获取当前页面的页面截图。5.如权利要求1-4中任一项所述的方法，所述页面控件信息包括原生页面控件信息和网页页面控件信息，所述根据所述网络视图控件，获取当前页面的页面截图及页面控件信息的步骤包括：遍历当前页面的视图树中的所有控件，以获取各控件的控件信息作为该当前页面的原生页面控件信息；当遍历到的控件是网络视图控件时，调用所述网络视图控件对应的JS方法，以获取所述网络视图控件关联页面视图里的网页页面中各控件的控件信息，作为该当前页面的网页页面控件信息。6.如权利要求1-5中任一项所述的方法，所述控件路径配置信息包括原生页面控件路径配置信息和网页页面控件路径配置信息，所述解析所述控件路径配置信息并映射到相应的控件上，以完成埋点的步骤包括：解析所述原生页面控件路径配置信息，以获取当前页面中网络视图控件的路径信息，并根据该路径信息查找到所述网络视图控件；解析所述网页页面控件路径配置信息，以获取所述网...

【专利技术属性】
技术研发人员：刘晓飞，卢健，俞多，
申请(专利权)人：北京腾云天下科技有限公司，
类型：发明
国别省市：北京,11