flutter安卓端熱更新詳細教學-附原始碼 超簡單

2020-09-20 11:00:52

flutter 安卓端熱更新詳細教學 附原始碼 一個類搞定

  • flutter版本 stable 1.17.5
  1. 新建資料夾HotFlutter , 在這目錄下新建一個flutter專案:
flutter create HotFlutter 

因為flutter專案的安卓端預設用的是kt , 我比較熟悉java , 所以先刪除專案下的android 資料夾, 重新生成java 的安卓程式碼

flutter create -a java . 

在這裡插入圖片描述
準備工作做完了!

  1. 在android -> app -> src -> main-> java-> com.example.HotFlutter 下新建類MyFlutterActivity,如圖:在這裡插入圖片描述

  2. MyFlutterActivity 類繼承 FlutterActivity ,重寫getFlutterShellArgs() 方法,將我們需要熱更新的檔案設定進去,有註釋 , 直接貼程式碼: 在這裡插入圖片描述

package com.example.HotFlutter;

import android.Manifest;
import android.app.Activity;
import android.content.Context;
import android.content.pm.PackageManager;
import android.os.Build;
import android.os.Bundle;
import android.os.Environment;

import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;

import androidx.core.app.ActivityCompat;
import androidx.core.content.ContextCompat;
import io.flutter.embedding.android.FlutterActivity;
import io.flutter.embedding.engine.FlutterShellArgs;

public class MyFlutterActivity extends FlutterActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //申請許可權
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            if (ContextCompat.checkSelfPermission(MyFlutterActivity.this, Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {
                ActivityCompat.requestPermissions(MyFlutterActivity.this, new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE}, 1);
            }
            if (ContextCompat.checkSelfPermission(MyFlutterActivity.this, Manifest.permission.READ_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED) {
                ActivityCompat.requestPermissions(MyFlutterActivity.this, new String[]{Manifest.permission.READ_EXTERNAL_STORAGE}, 1);
            }
        }
    }


    @Override
    public FlutterShellArgs getFlutterShellArgs() {
        copyLibAndWrite(this, "hotlibapp.so");
        FlutterShellArgs supFA = super.getFlutterShellArgs();
        File dir = this.getDir("libs", Activity.MODE_PRIVATE);
        String libPath = dir.getAbsolutePath() + File.separator + "hotlibapp.so";
        File libFile = new File(libPath);
        if (libFile.exists()) {
            supFA.add("--aot-shared-library-name=" + libPath);   //如果有hotlibapp檔案 ,設定進去,沒有則作用預設的
        }
        return supFA;
    }

    // 作用:  在手機根目錄找 hotlibapp.so 檔案 , 如果有則複製到 app libs 檔案下, 沒有則不做操作
    public static void copyLibAndWrite(Context context, String fileName) {
        try {
            String path = Environment.getExternalStorageDirectory().toString();
            File destFile2 = new File(path + "/" + fileName);
            if (destFile2.exists()) {
                File dir = context.getDir("libs", Activity.MODE_PRIVATE);
                File destFile = new File(dir.getAbsolutePath() + File.separator + fileName);
                if (destFile.exists()) {
                    destFile.delete();
                }
                destFile.createNewFile();
                FileInputStream is = new FileInputStream(destFile2);
                FileOutputStream fos = new FileOutputStream(destFile);
                byte[] buffer = new byte[is.available()];
                int byteCount;
                while ((byteCount = is.read(buffer)) != -1) {
                    fos.write(buffer, 0, byteCount);
                }
                fos.flush();
                is.close();
                fos.close();
                destFile2.delete();   //複製完後刪除這個檔案
            }
        } catch (IOException e) {
        }

    }
}

原模原樣複製進去就行 , 建議用as 開啟 , 避免導包出錯,程式碼不用變

  1. 開啟MainActivity類 , 繼承自己寫的MyFlutterActivity類
package com.example.HotFlutter;
public class MainActivity extends MyFlutterActivity {
}

  1. 在AndroidManifest中新增
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>

並註冊我們自己寫的類在這裡插入圖片描述

 <activity android:name=".MyFlutterActivity"></activity>
  1. 為了展示效果 , 把main.dart 簡化了一下 :
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: Scaffold(
        body: Center(child: Text("初始化專案")),
      ),
    );
  }
}

打包:

flutter build apk --target-platform android-arm  --split-per-abi

執行效果: 在這裡插入圖片描述
把 Text(「初始化專案」)改成Text(「熱更新」), 重新打包一份,然後解壓 在這裡插入圖片描述
將app-armeabi-v7a-release\lib\armeabi-v7a\libapp.so 重新命名成 hotlibapp.so,放到手機根目錄
在這裡插入圖片描述
重新啟動app , 發現首頁已經變成 熱更新了! 目錄下的檔案也會被刪除 , 重新啟動之後也是用的新包在這裡插入圖片描述
大功告成!!!

第一次 寫文章 , 轉載請註明出處.
附上github地址
https://gitee.com/yangruishan666/hot-flutter