面试必备,西瓜客户端埋点实践,offer拿到手软

解决问题

有了前面的讨论,我们来看一下怎么把这个问题,抽象成一个框架。

1. ITrackModel

ITrackModel 很简单,这个接口定义了能够填充埋点参数的对象,只要实现了这个接口,就可以在埋点上报的时候添加参数

interface ITrackModel {

fun fillTrackParams(trackParams: TrackParams)

}

2. ITrackNode

ITrackModel 只是定义了填充参数的职责,ITrackModel 对象之间并没有关联,怎么找到所有的 ITrackModel,让它们填充自己的埋点参数呢?在此基础上,我们定义了 ITrackNode 接口

interface ITrackNode: ITrackModel {

fun parentTrackNode(): ITrackNode?

fun referrerTrackNode(): ITrackNode?

}

ITrackModel 继承了 ITrackModel,除了有填充埋点参数的能力外,还会指向父节点和来源节点。

  • parentTrackNode:指向父节点,通过它可以建立一个页面内的责任链,在一个页面内,根节点通常是页面的顶层容器,例如 Android 的 Activity

  • referrerTrackNode:指向来源节点,通过它可以建立用户跳转的逻辑链路,在用户使用 App 的一个会话中,来源链路根节点通常指启动页面(也可以由 Push、DeepLink 的启动参数构造虚拟的 referrer 节点)

3. 建立页面上下级责任链

定义了 ITrackModel 和 ITrackNode,接下来就是实现每个节点,并且将这些节点连起来。

最通用的方式,是直接实现 ITrackNode,例如在列表场景中,我们可以建立 ViewHolder -> Adapter -> Fragment 的责任链

// 放映厅Tab

class CinemaTabFragment: ITrackNode {

override fun parentTrackNode(): ITrackNode {

return activity as ITrackNode

}

override fun fillTrackParams(trackParams: TrackParams) {

trackParams.putIfNull(“tab_name”, “long_video”)

}

}

// 频道Fragment

class VideoChannelFragment: ITrackNode {

override fun parentTrackNode(): ITrackNode {

return parentFragment as ITrackNode

}

override fun fillTrackParams(trackParams: TrackParams) {

trackParams.putIfNull(“channel_name”, “lvideo_recommend”)

trackParams.putIfNull(“page_name”, “feed”)

}

}

// 列表Adapter,这一层没有参数,只是作为中间节点,连接卡片ViewHolder和频道Fragment

class VideoChannelAdapter(private val parent: ITrackNode): ITrackNode {

override fun parentTrackNode(): ITrackNode {

return fragment as ITrackNode

}

}

// 卡片ViewHolder

class VideoViewHolder(private val parent: ITrackNode, val view: View) : ITrackNode {

var videoInfo

override fun parentTrackNode(): ITrackNode {

return parentFragment as ITrackNode

}

override fun fillTrackParams(trackParams: TrackParams) {

trackParams.putIfNull(“video_id”, videoInfo.id)

trackParams.putIfNull(“video_type”, videoInfo.type)

}

fun clickFavorite() {

// 使用ITrackNode.onEvent上报埋点,会从当前节点开始向上收集埋点参数

this.onEvent(“click_favorite”)

}

}

这样,我们就建立起了列表页的上下级责任链,我们可以看到埋点参数都在对应的节点添加了,而不需要再从上级层层传入,上报埋点的代码变得非常简单。

直接实现 ITrackNode 的方式,特别适合 Fragment、Adapter、ViewHolder 等需要我们自定义的类,他们在视图构建中的作用是将视图拆分层级,更好的管理局部的视图、数据和逻辑。然而,我们发现这种方式需要实现每一个节点,并且手动建立节点之间的联系,使用起来还是挺麻烦的。

大部分情况下,我们发现上下级责任链的关系,和视图层级的关系是一致的,而系统已经为我们建立了视图树 ViewTree,那么我们可以利用 ViewTree,来建立上下级责任链。其中 ViewTree 上的每一个 View,只需要实现 ITrackModel 的能力,就可以负责填充埋点参数。

我们利用 View.setTag 可以存放任意对象的特性,为 View 增加了扩展属性

/**

* 设置View的TrackModel

*/

var View.trackModel: ITrackModel?

get() = this.getTag(TAG_ID_TRACK_MODEL) as? ITrackModel

set(value) {

this.setTag(TAG_ID_TRACK_MODEL, value)

}

上面的例子,可以换一种实现方式:

// 放映厅Tab

class CinemaTabFragment: ITrackModel {

override fun fillTrackParams(trackParams: TrackParams) {

trackParams.putIfNull(“tab_name”, “long_video”)

}

override fun onViewCreated(view: View) {

// 放映厅Tab根视图,ITrackModel由Fragment实现

view.trackModel = this

}

}

// 频道Fragment

class VideoChannelFragment: ITrackModel {

override fun fillTrackParams(trackParams: TrackParams) {

trackParams.putIfNull(“channel_name”, “lvideo_recommend”)

trackParams.putIfNull(“page_name”, “feed”)

}

override fun onViewCreated(view: View) {

// 频道根视图,ITrackModel由Fragment实现

view.trackModel = this

}

}

// 卡片ViewHolder

class VideoViewHolder(val view: View) : ITrackModel {

var videoInfo

fun bind(videoInfo: VideoInfo) {

this.videoInfo = videoInfo

this.itemView.trackModel = this

}

override fun fillTrackParams(trackParams: TrackParams) {

trackParams.putIfNull(“video_id”, videoInfo.id)

trackParams.putIfNull(“video_type”, videoInfo.type)

}

fun clickFavorite() {

// 使用View.trackEvent上报埋点,会从当前View开始向上收集埋点参数

itemView.trackEvent(“click_favorite”)

}

}

可以看到,利用 ViewTree,为 View 添加 trackModel 的方式,不需要再实现 ITrackNode,手动建立上下级关系。由于 ViewTree 的存在,即便是层级很深的子视图,也可以直接作为埋点节点来使用,而不需要再经过中间的桥接节点。

直接在自定义类实现 ITrackNode,和为 View 添加 ITrackModel,这两种方式可以组合在一起使用。理想的页面上下级链路是这样的,实现 ITrackNode 作为上层节点,更加方便组织逻辑关系复杂的子视图,如首页频道等;层级较深的节点直接利用 ViewTree,方便向上搜索责任链。

4. 建立页面来源责任链

建立来源责任链的建立,指的是页面跳转过程中,将跳转前的节点/上下文参数传递给跳转后的页面,作为后者的来源节点(referrerTrackNode)。

我们利用跳转 Intent 携带来源节点信息:

// 设置当前跳转的来源节点

class VideoViewHolder {

fun clickJumpDetail() {

// 设置跳转的来源节点是当前节点

intent.setReferrerTrackNode(this)

startActivity(intent)

}

}

在跳转后的页面,只需要从 intent 再取出来就可以了

class VideoDetailActivity {

override fun referrerTrackNode(): ITrackNode {

return intent.getReferrerTrackNode()

}

}

值得注意的是,逻辑上应该直接使用当前节点的引用作为下个页面的 referrerTrackNode,但实际使用中,可能会有内存泄漏、链路过于复杂的问题,所以在 setReferrerTrackNode 的时候,我们制作了当前节点的快照,把当前节点的上下文参数都添加进了 Map,传递给下个页面的实际上是这个快照节点。

完成了来源节点的传递,在下个页面怎么使用呢?最简单的是直接把来源节点的所有参数,添加进埋点中,但我们的埋点需求常常会需要一些转换规则,比如:

  • 上个页面的 category_name,跳转后上报 parent_category_name

  • 上个页面的 page_name,跳转后上报 from_page

因此我们定义了 IPageTrackNode,用来做页面级别的埋点处理

interface IPageTrackNode: ITrackNode {

fun referrerKeyMap(): Map<String, String>

}

通常会由页面的 Activity 实现 IPageTrackNode

class VideoDetailActivity: IPageTrackNode {

var videoInfo

// 定义来源参数映射

override fun referrerKeyMap(): Map<String, String> {

return mapOf(

“page_name” to “from_page”,

“channel_name” to “from_channel_name”,

“tab_name” to “from_tab_name”

)

}

override fun fillTrackParams(trackParams: TrackParams) {

trackParams.putIfNull(“video_id”, videoInfo.id)

trackParams.putIfNull(“video_type”, videoInfo.type)

trackParams.putIfNull(“page_name”, “detail”)

}

}

class BottomActionBar {

fun clickFavorite() {

// 上报埋点的时候,直接从当前节点往上收集埋点参数

trackEvent(“click_favorite”)

}

}

可以看到这样一来,在详情页上报 click_favorite 埋点也变得简单了。

5. 埋点参数的收集

前面说明了如何建立页面上下级责任链和来源责任链。上报埋点的时候,按照下面的流程,顺着责任链收集埋点参数:

6. 埋点线索:TrackThread

按照前面的内容,我们已经可以建立用户使用整个 App 的过程中,所有上下文的责任链关系,理论上可以上报任意需要的上下文参数。然而实际业务的埋点需求中,还有一类更复杂的场景,需要在多个节点/页面间共享埋点参数。例如西瓜视频创作过程的埋点:

  • tab_name:进入创作场景的来源,在一次创作过程中,所有埋点都需要带上这个信息

  • is_record/is_cut:是否使用过拍摄、剪辑功能,可能在创作过程中发生变化,在创作过程的任意节点上,需要读写这些参数

以前这类埋点基本会通过单例来维护,单例的话就会遇到前面“单例传参”部分讲到的问题,而我们发现在整个页面上下级和来源责任链都已经建立的情况下,页面的之间的关联不就可以方便地共享参数吗?在一个打开的页面上添加参数,并且共享到后续的页面,参数的生命周期和页面的生命周期绑定,用户离开这个页面后自动消失,不用担心清除和覆盖的问题。

因此我们引入埋点线索(TrackThread)的定义,任意起始节点都可以初始化一个 TrackThread,TrackThread 上能够存放各种类型的 TrackModel,在后续的所有关联节点中,都能够通过已经建立的责任链,访问到 Thread 进行读写。通过任意节点上报埋点,可以指定需要添加哪些 TrackModel 的埋点参数。

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
img

最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识,这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2020-2021面试真题解析,我把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包知识脉络 + 诸多细节

还有 高级架构技术进阶脑图、Android开发面试专题资料 帮助大家学习提升进阶,也节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。

一线互联网面试专题

379页的Android进阶知识大全

379页的Android进阶知识大全

网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

本文已被CODING开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

12565167444)]

[外链图片转存中…(img-vzv6oeQt-1712565167445)]

[外链图片转存中…(img-4e2DROR7-1712565167445)]

网上学习 Android的资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

本文已被CODING开源项目:《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录

一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值