從零學習Flutter（七）：boss直聘UI構建以及Flutter打包教程詳解

## flutter_boss_v1.0 重構--附帶打包教程

##說明

> 該項目是本人基於網上大佬9個月前公佈的仿boss直聘app進行的v1.0版本的重構

`而不是簡單的copy，舊項目中有部分bug，本人已經修復，另外對目錄結果進行重新調整，歡迎star`

> 項目會持續跟新，歡迎關注

## 效果預覽圖



> `詳情============`





## 說明

1. 該項目有許多地方沒有完善

- 啓動頁白屏

- 分頁指示器dot問題

- ...

- 本項目是在9月前flutter_boss 這個項目的基礎上用1.0重構

- 喜歡的朋友star

- 感興趣的朋友歡迎PR

2. 本項目短期內再也不更新

3. 該項目說明blog地址是：[blog_adress](http://www.cnblogs.com/gdsblog)

4. time:2018-12-10

# 寫一個win上 flutter 打包apk的教程

## 這篇文檔介紹一下flutter打包發佈正式版apk

> 總體來看，和命令行打包rn的方法相差不大

## 打包前先作檢查工做&查看構建配置

1. AndroidManifest.xml 清單

2. 檢查pubspec.yaml

## App簽名

1. 建立 keystore

keytool命令生成一個私有密鑰（Windows上keytool命令放在JDK的bin目錄中（好比C:\Program Files\Java\jdkx.x.x_x\bin），你可能須要在命令行中先進入那個目錄才能執行此命令。在mac上，直接進入項目根目錄輸入一下命令）

```

keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

```

```

keytool -genkey -v -keystore my-release-key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key

```


`對比上面兩條命令key一個生成keystore，一個是生成jks，而生成keystore的已通過期，咱們選用第二條`

`JKS 密鑰庫使用專用格式。建議使用 "keytool -importkeystore -srckeystore boss-release-key.jks -destkeystore boss-release-key.jks -deststoretype pkcs12" 遷移到行業標準格式 PKCS12`

> 這條命令會要求你輸入密鑰庫（keystore）[輸入密鑰庫口令:yaya123...]和對應密鑰的密碼，而後設> 置一些發行相關的信息。最後它會生成一個叫作my-release-key.jks 的密鑰庫文件

> 在運行上面這條語句以後，密鑰庫裏應該已經生成了一個單獨的密鑰，有效期爲10000天。--alias參數 > 後面的別名是你未來爲應用簽名時所須要用到的，因此記得記錄這個別名

2. 引用程序引入keystore

> 1.這裏主要幹兩件事，設置全局key.properties或者局部key.properties 2.配置grandle

> 這裏咱們採用局部key.properties的方法

建立一個名爲<app dir>/android/key.properties的文件，其中包含對密鑰庫的引用：


```

storePassword=<password from previous step>

keyPassword=<password from previous step>

keyAlias=key

storeFile=<location of the key store file, e.g. /Users/<user name>/key.jks>

```

`注意: 保持文件私密; 不要將它加入公共源代碼控制中 這裏我將其放在我D:\chuangye\fluter\cert\boss-release-key.jks 中`

在gradle中配置簽名,經過編輯<app dir>/android/app/build.gradle文件爲您的應用配置簽名


## 構建一個發佈版（release）APK

1. cd <app dir> (<app dir> 爲您的工程目錄)

2. 運行flutter build apk (flutter build 默認會包含 --release選項)


3. 打包好的發佈APK位於<app dir>/build/app/outputs/apk/app-release.apk


## 在設備上安裝發行版APK

1. 用USB您的Android設備鏈接到您的電腦

2. cd <app dir> .

3. 運行 flutter install .

## 到這裏該教程完結

blog地址 [blog地址](http://www.cnblogs.com/gdsblog)

## 打包補充=====

4-：生成發行APK包

cd android && ./gradlew assembleRelease

譯註：cd android表示進入android目錄（若是你已經在android目錄中了那就不用輸入了）。

./gradlew assembleRelease在macOS、Linux或是windows的PowerShell環境中表示執行當前目錄下的名爲gradlew的腳本文件，且其運行參數爲assembleRelease，注意這個./不可省略；而在windows的傳統CMD命令行下則須要去掉./。

# android.enableAapt2=false

Gradle的assembleRelease參數會把全部用到的JavaScript代碼都打包到一塊兒，而後內置到APK包中。若是你想調整下這個行爲（好比js代碼以及靜態資源打包的默認文件名或是目錄結構等），能夠看看android/app/build.gradle文件。

生成的APK文件位於android/app/build/outputs/apk/app-release.apk，它已經能夠用來發布了

**注意

注意：請確保 gradle.properties 中沒有包含_org.gradle.configureondemand=true_，不然會跳過 js 打包的步驟，致使最終生成的 apk 是一個沒法運行的空殼

在把發行版本提交到 Play Store 以前，你應該作一次最終測試。輸入如下命令能夠在設備上安裝發行版本：

$ react-native run-android --variant=release

注意--variant=release參數只能在你完成了上面的簽名配置以後纔可使用。 你如今能夠關掉運行中的 packager 了，由於你全部的代碼和框架依賴已經都被打包到 apk 包中，能夠離線運行了

5-：測試應用的發行版本

cd android && ./gradlew installRelease

注意installRelease參數只能在你完成了上面的簽名配置以後纔可使用。 你如今能夠關掉運行中的packager了，由於你全部的代碼和框架依賴已經都被打包到apk包中，能夠離線運行了

在debug和release版本間來回切換安裝時可能會報錯簽名不匹配，此時須要先卸載前一個版本再嘗試安裝

gradlew assembleRelease 打包生成APK文件

gradlew installRelease 安裝APK到手機

gradlew clean 清理上次的打包文件

6-：啓用Proguard代碼混淆來縮小APK文件的大小

Proguard是一個Java字節碼混淆壓縮工具，它能夠移除掉React Native Java（和它的依賴庫中）中沒有被使用到的部分，最終有效的減小APK的大小。

重要：啓用Proguard以後，你必須再次全面地測試你的應用。Proguard有時候須要爲你引入的每一個原生庫作一些額外的配置。參見app/proguard-rules.pro文件

要啓用Proguard，設置minifyEnabled選項爲true：

/**

* 在release發行版中啓用Proguard來減少 to shrink the Java bytecode in release builds.

*/

def enableProguardInReleaseBuilds = true

我的建議：如果你的項目由於添加此屬性沒法運行，則刪除此配置。由於，這個真的會致使各類奇怪的問題