mixpanel可视化埋点源码分析03-埋点事件绑定机制

运营人员在前台设置好的埋点信息传输到客户端后,是通过什么样的方式找到特定的控件并绑定上去的呢?如果该控件在应用的生命周期中发生了一些变化,绑定在其上的触发事件会做什么样的反应呢?

事件绑定

先给出服务端与客户端在事件绑定模拟使用的协议格式文件,我们可以猜想出客户端是通过协议中的path字段来定位事件应该绑定的控件对象。这里给出一个事件格式作参考:

"event_bindings": [
    {
      "control_event": 64,
      "table_delegate": null,
      "event_type": "ui_control",
      "event_name": "P2BtnA01",
      "control_target": null,
      "path": "/UINavigationController/SecondViewController/UIView/UIButton[(mp_fingerprintVersion >= 1 AND mp_varE == \"954f8a8a7b085efd097f432e98b16a9d97ea2277\")]"
    }
]```
客户端会将该JSON协议解析成MPEventBinding对象数组,将path解析成MPObjectSelector对象。整个事件绑定的大致类图如下:
![事件绑定](http://upload-images.jianshu.io/upload_images/1910166-ef73435e20ea003a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
MPEventBinding类中提供了execute与stop两个子类需要覆写的接口。execute的主要作用是在筛选出的控件上绑定后续要发的事件。而stop的作用正好相反,是从已经绑定了事件的控件上删除绑定事件。不同的控件有着不同的触发方式,这里抽象成了MPUIControlBinding与MPUITableViewBinding。
对于UIControl对象,使用了addTarget:action:forControlEvents:将binding对象及行为与控件绑定在一块。在用户点击按键时,自然触发绑定事件。同时需要覆写UIView的didMoveToWindow和didMoveToSuperview方法,用于在新的UIControl对象创建时判断时否需要绑定现有的binding对象。
对于UITableView对象,直接覆写tableView:didSelectRowAtIndexPath:方法,在用户选择cell时判断是否有绑定事件可以触发并上报。
## 控件筛选算法
在上面的协议格式的path字段中,可以看出控件是通过从根元素UIViewController到自身的路径树来标识的。在MPObjectSelector类中的nextFilter方法中,该字符串会根据‘/’被解析成若干个MPObectFilter对象保存在filters数组中。每一个filter表示树中的一层。匹配方向有自上而下、自下及上两种方式,遍历方法参见MPObjectFilter类中的getChildrenOfObject:ofType:和getParentsOfObject:方法。

匹配枝干层主要依靠对象类名是否与filter对象中name一致。匹配叶层控件是除了类名一致外,还需要控件所需要的特征值与filter的predicate一致,该特征值正是我们在上一篇文章中获取到的控件关键信息。用于匹配的特征值代码位于UIView+MPHelpers.h/m类别中,这里列举部分如下:

-(NSString*)mp_text
{
//控件为UILable时取label的title
//控件为UIButton时,取Normal状态下title
//其它控件尝试获取其title
}

-(NSString)mp_imageFingerprint
{
//控件为UIButton或UITableBarButton时,取控件image的8
8像素转化成NSData数据,再压缩成base64字符串
}```

MPSwizzler

这个类是事件绑定到控件的核心代码,它主要使用了IOS的runtime机制,在应用原有的逻辑行为执行完毕后又额外的执行了其它新增的行为。其具体原理机制这里就不在作详细介绍,这是给出一个较为详细说明这种机制的链接

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,123评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,031评论 2 384
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,723评论 0 345
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,357评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,412评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,760评论 1 289
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,904评论 3 405
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,672评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,118评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,456评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,599评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,264评论 4 328
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,857评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,731评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,956评论 1 264
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,286评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,465评论 2 348

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,628评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,737评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,059评论 4 62
  • 一叶知秋,这儿的秋天很短暂,还没感受,就要离开。 重阳佳节,没有登高望远,没有与友人相聚,没有赏菊...
    关中月阅读 229评论 0 3
  • ①今天陪先生加了一天班,上午在安静的办公室里听直播课程,状态很好,希望能继续保持。 中午,吃的外卖,结果下午胃难受...
    3组30彭唯婧阅读 144评论 0 0