【Flutter基礎概念與實作】 Day30–完賽啦~ 輸出Release APK吧

第 11 屆 iThome 鐵人賽

DAY 30

Mobile Development

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 30 篇

11th鐵人賽 flutter 跨平台

bju0ulhi0511

2019-10-14 12:49:03

24600 瀏覽

分享至

Finally!!! 來到了鐵人賽的最後一天，今天要介紹的是寫App最後也是最重要的一個步驟---輸出Release APK。

添加App Icon

雖然Flutter預設的Icon並不算醜，但用預設的總是有種陽春感，所以在輸出前先來建立專屬於你自己的Icon吧。

Dart Pub上面有一個能迅速幫你產生Andorid和iOS Icon的套件「flutter_launcher_icons」，只需要三個簡單的步驟，它就會分別在Andorid和iOS的資料夾產生適合各種大小使用的Icon圖示。

在pubspec.yaml的dev_dependencies區塊引入flutter_launcher_icons package

dev_dependencies:
	  flutter_launcher_icons: ^0.7.3

將你的Icon圖放到assets資料夾後，在pubspec.yaml添加以下程式碼指向圖片路徑、設定檔案名稱等等

flutter_icons:
  image_path: "assets/icons/ic_launcher.png"
  android: true # can specify file name here e.g. "ic_launcher"
  ios: true # can specify file name here e.g. "My-Launcher-Icon"

在command line輸入下方程式碼，剩下的就交由套件幫我們完成

flutter pub get
flutter pub run flutter_launcher_icons:main

執行完後可以在Android資料夾看見產生出了許多不同大小的Icon，

在android/app/src/main/AndroidManifest.xml中的 android:icon="@mipmap/ic_launcher">也會自動更改成你設定的檔案名稱。

建立keyStore

有兩種方式可以產生keyStore

第一種：使用Android Studio GUI介面產生

這種方式簡單但麻煩，因為你需要先建立一個空的Android專案，然後依照下方的示意圖建立keyStore。

從上方工具列選擇Build -> Generate Signed Bundle/APK
選擇APK
點選Create new...，建造KeyStore
設定你的keyStore檔案存放位置並設定alias的密碼

第二種：透過command line指令建造KeyStore

到「C:\Program Files\Java\jdk1.8.0_181\bin」(路徑可能依你當初安裝的設定有異)，開啟cmd或Power Shell輸入下方指令，keyStore的存放路徑可以自己設定。

keytool -genkey -v -keystore c:/Users/USER_NAME/key.jks -storetype JKS -keyalg RSA -keysize 2048 -validity 10000 -alias key

新增key.properties

回到專案，在android資料夾下新增「key.properties」，用來存放你剛剛新增的keyStroe檔案位置和密碼。

設定Proguard Rule

使用Proguard是為了保護你的程式碼不易被竊取，它能對程式碼做混淆和優化，即使惡意人士反組譯你的apk，也很難看懂程式碼的運作流程。

在android/app資料夾新增「proguard-rules.pro」用來設定Proguard的規則。

## Flutter wrapper
-keep class io.flutter.app.** { *; }
-keep class io.flutter.plugin.**  { *; }
-keep class io.flutter.util.**  { *; }
-keep class io.flutter.view.**  { *; }
-keep class io.flutter.**  { *; }
-keep class io.flutter.plugins.**  { *; }
-dontwarn io.flutter.embedding.**

設定app層級的build.gradle

開啟android/app/build.gradle

找到

android {
    compileSdkVersion 28
	...

在它上面加三行程式碼，載入剛剛的key.properties

def keystorePropertiesFile = rootProject.file("key.properties")
def keystoreProperties = new Properties()
keystoreProperties.load(new FileInputStream(keystorePropertiesFile))

android {
    compileSdkVersion 28

找到

buildTypes {
	release{
		....
	}
}

修改成以下程式碼，開啟Proguard功能以及設定簽章用的keyStore資訊。

    signingConfigs {
        release {
            keyAlias keystoreProperties['keyAlias']
            keyPassword keystoreProperties['keyPassword']
            storeFile file(keystoreProperties['storeFile'])
            storePassword keystoreProperties['storePassword']
        }
    }
    buildTypes {
        release {
            signingConfig signingConfigs.release
            minifyEnabled false
            useProguard true
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }