Gradle 插件 + ASM 實戰 - 監控圖片加載告警

gradle 插件 + asm 字節碼基礎講完了，咱們就要開始實戰環節了，此次咱們來作一個圖片加載監控，本文雖然只講一個實例，可是不少場景以及不少開源框架都會用到 Gradle 插件 + ASM 技術，好比像方法耗時監控、代碼覆蓋率統計、自動埋點等等，所以你們必定要熟練掌握這套基礎知識，開發過程當中會帶來不少意想不到的效果。java

1. 需求背景

圖片加載是咱們開發過程當中最多見不過的一個場景，但不多有同窗會主動去監測其合法性，好比咱們加載一張圖片可能會有好幾M ，好比咱們設置一張圖片的背景大小多是 720*1080 而咱們實際的 View 控件卻只有 100dp*100dp ，再好比咱們 bugly 上也會有大量圖片引發的 OOM 等等。咱們平時通常都是用的 glide 、Picasso 或者 Fresco ，可能以爲第三方庫通常不會有問題吧？又或是我寫代碼的時候都會考慮這些的，並且咱們有代碼 review 機制等等。但其實仍是會有意外的狀況，只有機器通常不會騙人才能保證不會出差錯。所以咱們本次的需求就是監控一些異常的圖片操做，像我剛剛所提到的這些狀況。android

2. 實現方案

實現的方式有不少種，目前我所瞭解的有 artHook、asm 插裝、native hook，首先 artHook 兼容性不是很好咱們就先放棄，其次 native hook 咱們目前還沒涉及這個到後面再說，所以咱們本次主要採用 asm 插裝。業界的開源方案像滴滴的 Dokit 就是採用的 asm 插裝方式來實現的，不過實現的思路是對四種主流的框架進行插裝，分別是 Glide 、Picasso、Fresco 和 Image Loader 。上期就說過插樁確定須要尋找 hook 點，那就意味着若是要本身實現一套，必需要對這四個開源框架的源碼比較熟悉。固然我相信你們目前去熟悉幾個框架源碼應該是小菜一碟，但公司通常都有本身的一套圖片加載庫，也有多是基於這些開源框架改過源碼，所以咱們得想一種更通用簡單的實現方式。固然滴滴的這種實現方案也有一個好處，好比能獲取到圖片的加載地址等等。若是你們符合以上要求，直接將 Dokit 集成到項目中就好。git

那有沒有一種方式能夠不用作各類適配？答案確定是有的，就看咱們願不肯意去折騰去改變了。 native hook 咱們還沒講，因此我目前能想到的就是 hook 住 ImageView 的 setImageBitmap 、setImageDrawable 等等相關函數，由於咱們不管是本地直接加載，仍是用第三方開源框架，最終都會調到這些函數裏面來。但問題是咱們以前也分析過 asm 的實現原理，直接是作不到的，所以咱們得想辦法解決這個問題。咱們先自定義一個 ImageView 而後繼承自系統的ImageView，再複寫我剛剛所說的幾個方法，最後咱們用自定義的插件，把源碼中全部的 ImageView 都替換成咱們自定義的 ImageView 。這樣一來插件代碼會變得異常簡單，其次也能夠作到通用。github

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();
    }

    /**
     * 添加圖片合法監控
     */
    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) {
        // 線上線下處理方式須要不一致，僞代碼
        // 線上彈出提示窗口把信息輸出，同時提供一個關閉打開開關
        // ......
        // 線下須要蒐集代碼信息，代碼具體在哪裏，把信息上報到服務器
        // ......
    }

    /**
     * 計算 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. 寫在最後

並非倡導你們都要本身實現一套，可是瞭解實現原理，發現改進一些已有的不足，能根據本身項目量身實現定製，這應該是咱們必備的技能。哪怕你們只是直接把 Dokit 這套方案集成到項目中，那麼本文的目的也就達到了。服務器

之前在講 framework 原理和 C++ 與 Linux 的時候，你們可能會以爲這麼高級的東西，中小型企業根本很難用上，但如今到了性能優化我想你們應該都能用上，只要咱們花一丁點時間集成到項目中，就能發現各類各樣的問題。markdown

視頻地址：pan.baidu.com/s/1Tm-Fcz3O… 視頻密碼：j4d3框架