Flutter客戶端打包

到現(xiàn)在為止,我相信小伙伴都能做出一些漂亮的頁面了酗失,也有了難道朋友面前顯一顯的沖動。想要安裝到手機(jī)上昧绣,我們必須要進(jìn)行打包规肴,這節(jié)課我們就學(xué)學(xué)Android客戶端如何打包apk。

配置APP的圖標(biāo)

想配置APP的圖片,你需要找到下面的目錄:

項(xiàng)目根目錄/android/app/src/main/res/

進(jìn)入之后你會看到很多mipmap-為前綴命名的文件夾拖刃,后邊的是像素密度删壮,可以看出圖標(biāo)的分辨率。

  • mdpi (中) ~160dpi
  • hdpi (高) ~240dip
  • xhdpi (超高) ~320dip
  • xxhdpi (超超高) ~480dip
  • xxxhdpi (超超超高) ~640dip

將對應(yīng)像素密度的圖片放入對應(yīng)的文件夾中,圖片記得用png格式兑牡,記得名字要統(tǒng)一央碟,才能一次性進(jìn)行配置。

AndroidManifest.xml 文件

這個文件主要用來配置APP的名稱均函、圖標(biāo)和系統(tǒng)權(quán)限亿虽,所在的目錄在:

項(xiàng)目根目錄/android/app/src/main/AndroidManifest.xml

android:label="flutter_app"   //配置APP的名稱,支持中文
android:icon="@mipmap/ic_launcher" //APP圖標(biāo)的文件名稱

生成 keystore

這里的坑挺多的苞也,小伙伴一定要注意洛勉。官方寫的非常簡單,只要在終端運(yùn)行如下代碼就可以成功,但事實(shí)是報錯如迟。

keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key

報錯截圖如下:

[圖片上傳失敗...(image-9b15be-1587973524324)]

根本找不到這個目錄收毫,真的很坑,其實(shí)我們只是沒有配置環(huán)境變量殷勘。但是為了一個包配置環(huán)境變量是不知道的此再。

這時候可以用下面的命令找到keytool.exe的位置。

flutter doctor -v

這時候你直接拷貝命令并進(jìn)行輸入玲销,但這里也有個坑输拇,就是如果文件夾中間帶有空空,你需要用帶引號擴(kuò)上痒玩。

D:\Program\Android'Android Studio'\jre\bin\keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key
這就可以了嗎淳附?那你就太天真了,還是會報錯蠢古。

這個錯誤的主要問題是目錄不存在和沒有寫權(quán)限奴曙,所以我們要更換一個有寫權(quán)限的目錄。我們把命令改成了下面的形式草讶。

 D:\Program\Android\'Android Studio'\jre\bin\keytool -genkey -v -keystore D:\key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key

這時候就可以創(chuàng)建成功了洽糟。你的D盤下面就會有一個Jks的文件,記住這個文件不能共享給任何人堕战。

有了這個key.jks文件后坤溃,可以到項(xiàng)目目錄下的android文件夾下,創(chuàng)建一個名為key.properties的文件嘱丢,并打開粘貼下面的代碼薪介。

storePassword=<password from previous step>    //輸入上一步創(chuàng)建KEY時輸入的 密鑰庫 密碼
keyPassword=<password from previous step>    //輸入上一步創(chuàng)建KEY時輸入的 密鑰 密碼
keyAlias=key
storeFile=<E:/key.jks>    //key.jks的存放路徑

我的文件最后是這樣的:

storePassword=123123
keyPassword=123123
keyAlias=key
storeFile=D:/key.jks

這個工作中也不要分享出去哦,這個Key就算生成成功了越驻。

配置key注冊

key生成好后汁政,需要在build.gradle文件中進(jìn)行配置道偷。這個過程其實(shí)很簡單,就是粘貼復(fù)制一些東西记劈,你是不需要知道這些文件的具體用處的勺鸦。

第一項(xiàng):

進(jìn)入項(xiàng)目目錄的/android/app/build.gradle文件,在android{這一行前面,加入如下代碼:

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

把如下代碼進(jìn)行替換

buildTypes {
    release {
        signingConfig signingConfigs.debug
    }
}

替換成的代碼:

signingConfigs {
    release {
        keyAlias keystoreProperties['keyAlias']
        keyPassword keystoreProperties['keyPassword']
        storeFile file(keystoreProperties['storeFile'])
        storePassword keystoreProperties['storePassword']
    }
}
buildTypes {
    release {
        signingConfig signingConfigs.release
    }
}

生成apk

直接在終端中輸入:

flutter build apk

這時候就打包成功了目木,剩下的安裝過程我就省略换途,不作過多的介紹了。

ios打包

1.開發(fā)者賬號刽射,配置證書军拟,描述文件,xcode 打包

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末柄冲,一起剝皮案震驚了整個濱河市吻谋,隨后出現(xiàn)的幾起案子忠蝗,更是在濱河造成了極大的恐慌现横,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,490評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件阁最,死亡現(xiàn)場離奇詭異戒祠,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)速种,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評論 3 395
  • 文/潘曉璐 我一進(jìn)店門姜盈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人配阵,你說我怎么就攤上這事馏颂。” “怎么了棋傍?”我有些...
    開封第一講書人閱讀 165,830評論 0 356
  • 文/不壞的土叔 我叫張陵救拉,是天一觀的道長。 經(jīng)常有香客問我瘫拣,道長亿絮,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,957評論 1 295
  • 正文 為了忘掉前任麸拄,我火速辦了婚禮派昧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘拢切。我一直安慰自己蒂萎,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評論 6 393
  • 文/花漫 我一把揭開白布淮椰。 她就那樣靜靜地躺著五慈,像睡著了一般帮毁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上豺撑,一...
    開封第一講書人閱讀 51,754評論 1 307
  • 那天烈疚,我揣著相機(jī)與錄音,去河邊找鬼聪轿。 笑死爷肝,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的陆错。 我是一名探鬼主播灯抛,決...
    沈念sama閱讀 40,464評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼音瓷!你這毒婦竟也來了对嚼?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤绳慎,失蹤者是張志新(化名)和其女友劉穎纵竖,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體杏愤,經(jīng)...
    沈念sama閱讀 45,847評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡靡砌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了珊楼。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片通殃。...
    茶點(diǎn)故事閱讀 40,137評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖厕宗,靈堂內(nèi)的尸體忽然破棺而出画舌,到底是詐尸還是另有隱情,我是刑警寧澤已慢,帶...
    沈念sama閱讀 35,819評論 5 346
  • 正文 年R本政府宣布曲聂,位于F島的核電站,受9級特大地震影響蛇受,放射性物質(zhì)發(fā)生泄漏句葵。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評論 3 331
  • 文/蒙蒙 一兢仰、第九天 我趴在偏房一處隱蔽的房頂上張望乍丈。 院中可真熱鬧,春花似錦把将、人聲如沸轻专。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽请垛。三九已至催训,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間宗收,已是汗流浹背漫拭。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留混稽,地道東北人采驻。 一個月前我還...
    沈念sama閱讀 48,409評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像匈勋,于是被迫代替她去往敵國和親礼旅。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評論 2 355

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