Gradle 插件 + ASM 實戰(zhàn) - 監(jiān)控圖片加載告警

gradle 插件 + asm 字節(jié)碼基礎(chǔ)講完了抡草,我們就要開始實戰(zhàn)環(huán)節(jié)了饰及,這次我們來做一個圖片加載監(jiān)控,本文雖然只講一個實例康震,但是很多場景以及很多開源框架都會用到 Gradle 插件 + ASM 技術(shù)燎含,比如像方法耗時監(jiān)控、代碼覆蓋率統(tǒng)計腿短、自動埋點等等屏箍,因此大家一定要熟練掌握這套基礎(chǔ)知識,開發(fā)過程中會帶來很多意想不到的效果橘忱。

1. 需求背景

圖片加載是我們開發(fā)過程中最常見不過的一個場景赴魁,但很少有同學(xué)會主動去監(jiān)測其合法性,比如我們加載一張圖片可能會有好幾M 钝诚,比如我們設(shè)置一張圖片的背景大小可能是 720*1080 而我們實際的 View 控件卻只有 100dp*100dp 颖御,再比如我們 bugly 上也會有大量圖片引起的 OOM 等等。我們平時一般都是用的 glide 凝颇、Picasso 或者 Fresco 郎嫁,可能覺得第三方庫一般不會有問題吧?又或是我寫代碼的時候都會考慮這些的祈噪,而且我們有代碼 review 機(jī)制等等泽铛。但其實還是會有意外的情況,只有機(jī)器一般不會騙人才能保證不會出差錯辑鲤。因此我們本次的需求就是監(jiān)控一些異常的圖片操作盔腔,像我剛剛所提到的這些情況。

2. 實現(xiàn)方案

實現(xiàn)的方式有很多種,目前我所了解的有 artHook弛随、asm 插裝瓢喉、native hook,首先 artHook 兼容性不是很好我們就先放棄舀透,其次 native hook 我們目前還沒涉及這個到后面再說栓票,因此我們本次主要采用 asm 插裝。業(yè)界的開源方案像滴滴的 Dokit 就是采用的 asm 插裝方式來實現(xiàn)的愕够,不過實現(xiàn)的思路是對四種主流的框架進(jìn)行插裝走贪,分別是 Glide 、Picasso惑芭、Fresco 和 Image Loader 坠狡。上期就說過插樁肯定需要尋找 hook 點,那就意味著如果要自己實現(xiàn)一套遂跟,必須要對這四個開源框架的源碼比較熟悉逃沿。當(dāng)然我相信大家目前去熟悉幾個框架源碼應(yīng)該是小菜一碟,但公司一般都有自己的一套圖片加載庫幻锁,也有可能是基于這些開源框架改過源碼凯亮,因此我們得想一種更通用簡單的實現(xiàn)方式。當(dāng)然滴滴的這種實現(xiàn)方案也有一個好處哄尔,比如能獲取到圖片的加載地址等等假消。如果大家符合以上要求,直接將 Dokit 集成到項目中就好究飞。

那有沒有一種方式可以不用做各種適配?答案肯定是有的堂鲤,就看我們愿不愿意去折騰去改變了亿傅。 native hook 我們還沒講,所以我目前能想到的就是 hook 住 ImageView 的 setImageBitmap 瘟栖、setImageDrawable 等等相關(guān)函數(shù)葵擎,因為我們無論是本地直接加載,還是用第三方開源框架半哟,最終都會調(diào)到這些函數(shù)里面來酬滤。但問題是我們之前也分析過 asm 的實現(xiàn)原理,直接是做不到的寓涨,因此我們得想辦法解決這個問題盯串。我們先自定義一個 ImageView 然后繼承自系統(tǒng)的ImageView,再復(fù)寫我剛剛所說的幾個方法戒良,最后我們用自定義的插件体捏,把源碼中所有的 ImageView 都替換成我們自定義的 ImageView 。這樣一來插件代碼會變得異常簡單,其次也可以做到通用几缭。

3. 核心代碼

    // ImageView 部分
    @Override
    public void setImageDrawable(@Nullable Drawable drawable) {
        super.setImageDrawable(drawable);
        addImageLegalMonitor();
    }

    @Override
    public void setImageBitmap(Bitmap bm) {
        super.setImageBitmap(bm);
        addImageLegalMonitor();
    }

    @Override
    public void setImageResource(int resId) {
        super.setImageResource(resId);
        addImageLegalMonitor();
    }

    // View 的部分
    @Override
    public void setBackgroundDrawable(Drawable background) {
        super.setBackgroundDrawable(background);
        addImageLegalMonitor();
    }

    @Override
    public void setBackground(Drawable background) {
        super.setBackground(background);
        addImageLegalMonitor();
    }

    @Override
    public void setBackgroundResource(int resid) {
        super.setBackgroundResource(resid);
        addImageLegalMonitor();
    }

    /**
     * 添加圖片合法監(jiān)控
     */
    private void addImageLegalMonitor() {
        Looper.myQueue().removeIdleHandler(this);
        Looper.myQueue().addIdleHandler(this);
    }

    @Override
    public boolean queueIdle() {
        try {
            Drawable drawable = getDrawable();
            Drawable background = getBackground();
            if (drawable != null) {
                checkIsLegal(drawable, "圖片");
            }
            if (background != null) {
                checkIsLegal(background, "背景");
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        return false;
    }

    /**
     * 檢查是否合法
     */
    private void checkIsLegal(Drawable drawable, String tag) {
        int viewWidth = getMeasuredWidth();
        int viewHeight = getMeasuredHeight();
        int drawableWidth = drawable.getIntrinsicWidth();
        int drawableHeight = drawable.getIntrinsicHeight();
        // 大小告警判斷
        int imageSize = calculateImageSize(drawable);
        if (imageSize > MAX_ALARM_IMAGE_SIZE) {
            Log.e(TAG, "圖片加載不合法河泳," + tag + "大小 -> " + imageSize);
            dealWarning(drawableWidth, drawableHeight, imageSize, drawable);
        }
        // 寬高告警判斷
        if (MAX_ALARM_MULTIPLE * viewWidth < drawableWidth) {
            Log.e(TAG, "圖片加載不合法, 控件寬度 -> " + viewWidth + " , " + tag + "寬度 -> " + drawableWidth);
            dealWarning(drawableWidth, drawableHeight, imageSize, drawable);
        }
        if (MAX_ALARM_MULTIPLE * viewHeight < drawableHeight) {
            Log.e(TAG, "圖片加載不合法, 控件高度 -> " + viewHeight + " , " + tag + "高度 -> " + drawableHeight);
            dealWarning(drawableWidth, drawableHeight, imageSize, drawable);
        }
    }

    /**
     * 處理警告
     */
    private void dealWarning(int drawableWidth, int drawableHeight, int imageSize, Drawable drawable) {
        // 線上線下處理方式需要不一致,偽代碼
        // 線上彈出提示窗口把信息輸出年栓,同時提供一個關(guān)閉打開開關(guān)
        // ......
        // 線下需要搜集代碼信息拆挥,代碼具體在哪里,把信息上報到服務(wù)器
        // ......
    }

    /**
     * 計算 drawable 的大小
     */
    private int calculateImageSize(Drawable drawable) {
        if (drawable instanceof BitmapDrawable) {
            Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
            return bitmap.getByteCount();
        }
        int pixelSize = drawable.getOpacity() != PixelFormat.OPAQUE ? 4 : 2;
        return pixelSize * drawable.getIntrinsicWidth() * drawable.getIntrinsicHeight();
    }

插件代碼

public class MonitorImageViewClassVisitor extends ClassVisitor {
    private static final String MONITOR_SUPER_CLASS_NAME = "com/tencent/eagle/MonitorImageView";
    private static final String IMAGE_VIEW_CLASS_NAME = "android/widget/ImageView";

    LifecycleClassVisitor(ClassVisitor cv) {
        super(Opcodes.ASM5, cv);
    }

    @Override
    public void visit(int version, int access, String name, String signature, String superName, String[] interfaces) {
        // 替換操作
        if (!name.equals(MONITOR_SUPER_CLASS_NAME) && superName.equals(IMAGE_VIEW_CLASS_NAME)) {
            superName = MONITOR_SUPER_CLASS_NAME;
        }
        super.visit(version, access, name, signature, superName, interfaces);
    }
}

4. 寫在最后

并不是倡導(dǎo)大家都要自己實現(xiàn)一套某抓,但是了解實現(xiàn)原理纸兔,發(fā)現(xiàn)改進(jìn)一些已有的不足,能根據(jù)自己項目量身實現(xiàn)定制搪缨,這應(yīng)該是我們必備的技能食拜。哪怕大家只是直接把 Dokit 這套方案集成到項目中,那么本文的目的也就達(dá)到了副编。

以前在講 framework 原理和 C++ 與 Linux 的時候负甸,大家可能會覺得這么高級的東西,中小型企業(yè)根本很難用上痹届,但現(xiàn)在到了性能優(yōu)化我想大家應(yīng)該都能用上呻待,只要我們花一丁點時間集成到項目中,就能發(fā)現(xiàn)各種各樣的問題队腐。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蚕捉,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子柴淘,更是在濱河造成了極大的恐慌迫淹,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件为严,死亡現(xiàn)場離奇詭異敛熬,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)第股,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進(jìn)店門应民,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人夕吻,你說我怎么就攤上這事诲锹。” “怎么了涉馅?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵归园,是天一觀的道長。 經(jīng)常有香客問我稚矿,道長蔓倍,這世上最難降的妖魔是什么悬钳? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮偶翅,結(jié)果婚禮上默勾,老公的妹妹穿的比我還像新娘。我一直安慰自己聚谁,他們只是感情好母剥,可當(dāng)我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著形导,像睡著了一般环疼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上朵耕,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天炫隶,我揣著相機(jī)與錄音,去河邊找鬼阎曹。 笑死伪阶,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的处嫌。 我是一名探鬼主播栅贴,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼熏迹!你這毒婦竟也來了檐薯?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤注暗,失蹤者是張志新(化名)和其女友劉穎坛缕,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體捆昏,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡赚楚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了屡立。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片直晨。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡搀军,死狀恐怖膨俐,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情罩句,我是刑警寧澤焚刺,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站门烂,受9級特大地震影響乳愉,放射性物質(zhì)發(fā)生泄漏兄淫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一蔓姚、第九天 我趴在偏房一處隱蔽的房頂上張望捕虽。 院中可真熱鬧,春花似錦坡脐、人聲如沸泄私。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽晌端。三九已至,卻和暖如春恬砂,著一層夾襖步出監(jiān)牢的瞬間咧纠,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工泻骤, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留漆羔,地道東北人。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓瞪讼,卻偏偏與公主長得像钧椰,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子符欠,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,611評論 2 353

推薦閱讀更多精彩內(nèi)容