TalkingData灵动分析技术揭秘(下)
2015-08-19 23:38
288 查看
出于对数据的信仰,我们不仅认为数据开放才更有价值,也认为技术开放才会更有活力。分享的目的绝不是鼓励跟风,我们更希望以此能够为业界打开新的思路,激发更多的创新,和生态中的伙伴和战友们一起把客户服务提升到新的水平。
上期重点说明了TalkingData灵动分析的结构和流程,使大家对于灵动分析的技术框架有一个基本的认识。本期,我们就安卓和iOS系统SDK实现细节做更加详细的说明,让大家看到毛孔级的干货分享。
![](http://pic3.zhimg.com/423a651e82ee6cd32e17a27448fe64c2_b.jpg)
闲话少说,直奔主题。
![](http://pic2.zhimg.com/2b8d52d1567929249187d817070d3041_b.jpg)
【如何同步手机界面到管理后台】
在事件管理后台中动态添加事件的基础,是要能够同步应用界面到管理后台中。界面同步方案中有两个关键点:
1. 通过Canvas来获取屏幕内容:
2. 获取view属性
完成以上两项内容,就可以把数据发送至管理后台,并绘制出手机的内容了。
【如何绑定事件至控件】
Android系统定位一个控件,需要先获取当前Activity的rootview,方法是:
然后遍历动态事件列表,用每个动态事件中控件的唯一标示去匹配rootview中的内容,匹配规则:
当符合条件时,就给当前的view添加一个AccessibilityDelegate对象
【如何监测点击事件】
通过分析Android系统View类的源代码,发现可利用Android中View类的方法来实现事件触发的:
该方法实现如下:
即只要设置了代理就可以对具备Accessibility能力的view实现点击事件的响应。
View.AccessibilityDelegate具体说明请参考Android的开发者文档。
【界面主线程占用是否有影响】
界面的监测操作是要放在界面主线程中,开始我们担心这样会不会对应用本身的界面交互产生影响?经过实际测试,这样实现是完全没有问题的,应用不会受任何影响。
另外,事件的侦测是实时的循环监测,这样自定义的事件越多,必然会有占用时间,不过代价很小(毫秒级),实测中也没有发现对应用交互有可感知的影响。
【如何应对界面动态布局】
为了应对页面的动态布局,我们需要在单一线程中实现事件监测,通过循环操作,使每个事件都对当前页面的所有view进行匹配。经过实测,也没有发现对应用交互有可感知的影响。
【如何保持事件触发链】
处理完事件后,要交还给系统继续处理,不要扔掉,否则会导致应用本身工作异常。
![](http://pic2.zhimg.com/1f43921ce6d81eaee7775c8c851b6e59_b.jpg)
【如何同步手机界面到管理后台】
iOS平台,同步界面的操作分为几个步骤:
1. 截屏
通过以下方法获取屏幕截图:
2. 获取控件属性
根据服务器下发配置表获取每个对象所需要的属性。
3. 上传数据
将屏幕截图进行base64编码,并和控件属性一起上传到服务器。
4. 管理后台界面展示
管理后台绘制手机屏幕的截图,根据获取到的x、y、w、h、alpha、hidden等属性绘制控件的范围。
【如何绑定事件至控件】
绑定事件到控件的步骤是:
1. 从服务器获取动态事件列表,根据每条动态事件数据创建一个EventBinding对象。
2. 获取当前window的rootViewController:
3. 遍历动态事件列表,用每个动态事件中控件的path去匹配rootViewController中的内容,匹配规则是:
【如何监测点击事件】
对控件点击事件进行监测的步骤是:
1. 找到要监控的控件时,就给当前控件添加一个Action:
2. 监控事件被触发时相应的EventBinding对象得到响应,生成事件数据上报服务器进行统计。
【界面主线程占用是否有影响】
和Android一样,iOS应用界面的监测操作是要放在界面主线程中,开始我们也担心这样会对应用本身的界面交互产生影响。经过实测,依然没有发现对应用交互有可感知的影响。
后记
向一直艰苦奋斗在最前线的,为客户极致体验而努力的TalkingData产品团队、研发团队、BD团队、市场团队和客服团队致意!
从2011年国内首批推出第一代移动应用分析平台开始,TalkingData一直致力于为开发者提供更方便好用的产品运营工具。本次我们再度首开国内先河,推出新一代的移动分析系统“灵动分析”,拉开了移动分析新时代的序幕。这次发布,是整个团队心血的结晶,也是我们对4年多以来一同奋斗的开发者们诚挚的敬礼。
我们第一时间分享技术,希望能够帮助友商尽快跟进,群策群力,为客户提供更加优质的服务体验,同时带动行业进入一种良性的互动,大家取长补短,共同营造更加健康的服务生态。
——这就是极致到1行代码背后的意义。
更多内容,请关注我的知乎专栏:【峰言峰语】
上期重点说明了TalkingData灵动分析的结构和流程,使大家对于灵动分析的技术框架有一个基本的认识。本期,我们就安卓和iOS系统SDK实现细节做更加详细的说明,让大家看到毛孔级的干货分享。
![](http://pic3.zhimg.com/423a651e82ee6cd32e17a27448fe64c2_b.jpg)
闲话少说,直奔主题。
安卓系统的技术点
![](http://pic2.zhimg.com/2b8d52d1567929249187d817070d3041_b.jpg)
【如何同步手机界面到管理后台】
在事件管理后台中动态添加事件的基础,是要能够同步应用界面到管理后台中。界面同步方案中有两个关键点:
1. 通过Canvas来获取屏幕内容:
void android.graphics.Canvas.drawBitmap(Bitmap bitmap, float left, float top, Paint paint);
2. 获取view属性
位置相关:x,y,width,height,偏移等, 唯一性相关:id,类名等。 绘制相关:hidden,alpha等 view的属性有很多,哪些属性是应该上传的,哪些属性是可以忽略的,为了动态的调整这些,可以使用反射的机制来实现。具体说,就是在进入UI同步状态时,服务器将一个属性配置单下发到App中,SDK通过对配置的解析,利用反射执行配置中的指定方法获取view的响应属性数据。这也是配置即代码的一种实现。
完成以上两项内容,就可以把数据发送至管理后台,并绘制出手机的内容了。
【如何绑定事件至控件】
Android系统定位一个控件,需要先获取当前Activity的rootview,方法是:
View rootView = activity.getWindow().getDecorView().getRootView();
然后遍历动态事件列表,用每个动态事件中控件的唯一标示去匹配rootview中的内容,匹配规则:
viewClassName && id && tag && contentDescription
当符合条件时,就给当前的view添加一个AccessibilityDelegate对象
View.AccessibilityDelegate ret = null; try { Class<?> klass = v.getClass(); Method m = klass.getMethod("getAccessibilityDelegate"); ret = (View.AccessibilityDelegate) m.invoke(v); } catch (Exception e) { } AccessibilityDelegate newDelegate = new AccessibilityDelegate(ret); view.setAccessibilityDelegate(newDelegate);
【如何监测点击事件】
通过分析Android系统View类的源代码,发现可利用Android中View类的方法来实现事件触发的:
sendAccessibilityEvent(int eventType)
该方法实现如下:
public void sendAccessibilityEvent(int eventType) { if (mAccessibilityDelegate != null) { mAccessibilityDelegate.sendAccessibilityEvent(this, eventType); } else { sendAccessibilityEventInternal(eventType); } }
即只要设置了代理就可以对具备Accessibility能力的view实现点击事件的响应。
View.AccessibilityDelegate具体说明请参考Android的开发者文档。
【界面主线程占用是否有影响】
界面的监测操作是要放在界面主线程中,开始我们担心这样会不会对应用本身的界面交互产生影响?经过实际测试,这样实现是完全没有问题的,应用不会受任何影响。
另外,事件的侦测是实时的循环监测,这样自定义的事件越多,必然会有占用时间,不过代价很小(毫秒级),实测中也没有发现对应用交互有可感知的影响。
【如何应对界面动态布局】
为了应对页面的动态布局,我们需要在单一线程中实现事件监测,通过循环操作,使每个事件都对当前页面的所有view进行匹配。经过实测,也没有发现对应用交互有可感知的影响。
【如何保持事件触发链】
处理完事件后,要交还给系统继续处理,不要扔掉,否则会导致应用本身工作异常。
iOS系统的技术点
![](http://pic2.zhimg.com/1f43921ce6d81eaee7775c8c851b6e59_b.jpg)
【如何同步手机界面到管理后台】
iOS平台,同步界面的操作分为几个步骤:
1. 截屏
通过以下方法获取屏幕截图:
UIGraphicsGetImageFromCurrentImageContext()
2. 获取控件属性
根据服务器下发配置表获取每个对象所需要的属性。
3. 上传数据
将屏幕截图进行base64编码,并和控件属性一起上传到服务器。
4. 管理后台界面展示
管理后台绘制手机屏幕的截图,根据获取到的x、y、w、h、alpha、hidden等属性绘制控件的范围。
【如何绑定事件至控件】
绑定事件到控件的步骤是:
1. 从服务器获取动态事件列表,根据每条动态事件数据创建一个EventBinding对象。
2. 获取当前window的rootViewController:
UIViewController *root = [[UIApplication sharedApplication] keyWindow].rootViewController;
3. 遍历动态事件列表,用每个动态事件中控件的path去匹配rootViewController中的内容,匹配规则是:
ClassName && tag && 所在容器中的成员变量名 && Button中图片的指纹 && title
【如何监测点击事件】
对控件点击事件进行监测的步骤是:
1. 找到要监控的控件时,就给当前控件添加一个Action:
[control addTarget:self action:@selector(execute:) forControlEvents:UIControlEventTouchUpInside];
2. 监控事件被触发时相应的EventBinding对象得到响应,生成事件数据上报服务器进行统计。
【界面主线程占用是否有影响】
和Android一样,iOS应用界面的监测操作是要放在界面主线程中,开始我们也担心这样会对应用本身的界面交互产生影响。经过实测,依然没有发现对应用交互有可感知的影响。
后记
向一直艰苦奋斗在最前线的,为客户极致体验而努力的TalkingData产品团队、研发团队、BD团队、市场团队和客服团队致意!从2011年国内首批推出第一代移动应用分析平台开始,TalkingData一直致力于为开发者提供更方便好用的产品运营工具。本次我们再度首开国内先河,推出新一代的移动分析系统“灵动分析”,拉开了移动分析新时代的序幕。这次发布,是整个团队心血的结晶,也是我们对4年多以来一同奋斗的开发者们诚挚的敬礼。
我们第一时间分享技术,希望能够帮助友商尽快跟进,群策群力,为客户提供更加优质的服务体验,同时带动行业进入一种良性的互动,大家取长补短,共同营造更加健康的服务生态。
——这就是极致到1行代码背后的意义。
更多内容,请关注我的知乎专栏:【峰言峰语】
![](http://pic3.zhimg.com/1d689ecb33e127fc3c03457b2b256ade_b.jpg)
相关文章推荐
- 调试神器
- Leetcode 213 House Robber II 抢劫最大金额
- HDOJ 2187 悼念512汶川大地震遇难同胞——老人是真饿了 (贪心)
- HDU 2602 Bone Collector
- 数组在排序数组中出现的次数
- IdTCPServer
- JAVA_SE基础——26.[深入解析]局部变量与成员变量的区别
- git使用
- linux 连接wlan
- OC学习--<猜拳游戏> 之 通过面向对象思想实现
- Java心得17
- OC学习--<猜拳游戏> 之 通过面向对象思想实现
- hdu-2544 最短路(SPFA做法)
- uva 10321 - Polygon Intersection(几何)
- Meter Bus解析4:升压斩波电路
- HDOJ 1789 Doing Homework again (贪心&&优先队列)
- Struts2-Ajax无刷新显示信息
- [RFC] drm/exynos: add FIMC driver
- 使用 IIS 过程中遇到的一些问题
- 服务器端启动soket多线程