Android +ios ----- APP打包超詳細步驟解析

背景:復宏漢霖APP的CR結束了.今天來打包.記錄一下打包流程.Android+ios的打包流程

第一步:下載須要的安裝包

須要下載的安裝包:
(1):android studio 最新版
(2):java JDK1.8
(3):gradle 最新版(官網下載)
(4): node 10.16.3

第二步:安裝環境

gradle + java + android studio 配置環境變量.
自行在網上找環境變量配置教程.......一個個截圖太多了..就不截圖了...反正就配置下環境變量.有的在系統變量配置有的在用戶變量配置.

• 配置結束後.在桌面(或者任意文件夾下)運行cmd窗口.執行命令查看環境變量配置是否成功.如下四個命令運行成功後,版本對上了.就能夠進行打包了.(個人框架是ionic的,因此查看了ionic的版本,若是用的不是ionic就不用查看)

(1): gradle -v

(2): java -version

(3): adb (沒有截全,後面還有一些...)

(4): cordova -v

(5): node -v

(6): ionic -v

第三步:進行打包

• 找到你須要打包的項目文件夾.
• 配置好你須要的環境

一:打包以前須要更改的配置(4-5個文件)(很是重要!!,這個配置表明你打包的環境!!):
(咱們公司的大平臺會給出這些key.其餘公司的不太清楚大家放在哪裏...自行尋找哈...)
(1): config.xml要改的id.打安卓的就把-改成下劃線_.打ios的改成-.以及要改的key值.


(2): package.json要改的內容:

(3): fetch.json要改的內容

(4): app.interceptor.ts裏面的地址

(5): 因爲這個項目涉及到其餘部門.因此還有其餘部門的接口地址(沒有的自行忽略)global.variable.ts裏面的地址:

• 二:配置好了以後就能夠打開命令窗口(最好用管理員身份運行,能夠避免N多問題...).
• 安卓打包:
• 1:執行:ionic cordova platform rm android (保證平臺環境乾淨)
• 2:執行:ionic cordova platform add android`(添加安卓打包平臺)`
• 3:執行:ionic cordova build android (debug調試環境) 或者ionic cordova build android --prod --release (正式發版環境).如下用正式作練習:

(1):命令開始執行的時候

(2):出現這個亂碼的時候就表明要成功了!!!!

(3):命令執行成功的時候

(4):出現如下輸出語句的時候就表明打包成功了.

BUILD SUCCESSFUL in 49s
46 actionable tasks: 46 executed
Built the following apk(s):
C:\timor\xiaosk_projects\platforms\android\app\build\outputs\apk\release\app-release-unsigned.apk

• 三:簽名.(簽名文件和密碼自行找公司相關人員諮詢...這裏默認簽名文件和密碼都已擁有...)

(1): 找到com.xiaosk.henlius_uat.jks簽名文件.複製放在剛剛打包成功的路徑C:\timor\xiaosk_projects\platforms\android\app\build\outputs\apk\release裏面.以下圖所示:

(2):在當前目錄下打開命令窗口.運行命令jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore com.xiaosk.henlius_uat.jks app-release-unsigne d.apk my-alias (就是這麼長!!!!!)
其中com.xiaosk.henlius_uat.jks爲你本次簽名文件的文件名,自行跟着簽名文件更名字!!.
(3):輸入簽名密碼(自行準備的,每家公司都不同),回車運行.成功的結果以下圖:

打包成功後會出現一個apk後綴的文件.發送到QQ就能夠直接安裝先看看了.

• ios打包:
• 必備蘋果電腦.能夠先在window電腦上打包.後面在蘋果電腦上改配置.(這樣就能夠安卓的包打完直接打ios的包.方便一些.)

1:先保證平臺的環境乾淨.運行命令ionic cordova platform rm android

2:建立ios平臺的環境.運行命令ionic cordova platform add ios

3:開始打包,運行命令ionic cordova build ios --prod --release
同事說通常打ios的都會成功.只要報的不是紅色的err就表明成功了...
個人打出來最後報的是這個:

可是後面更改配置發版沒問題...
1:把打出來的文件.解壓到蘋果電腦上面.

2:打開workspace後綴名的文件.

3:選擇項目爲ios

4:上傳證書(咱們公司在大平臺上能夠下載對應的證書)

把下載好的證書上傳到這個位置

5:更改info下面的語言爲中文

6:更改build settings裏面的標識

7:點擊左上角produce裏面的archive,進行打包


8:打完包後生成app,選擇爲企業版


9:選擇一下XSK

10:打包成功.能夠導出了.

選擇導出的位置

打開導出的文件夾,這個ipa就是打包後的項目了

常見報錯整理:

(1):第一種報錯信息:

解決方法: 把id的-uat改成下劃線_uat

(2):第二種報錯信息:

解決方法:
從新運行add安卓包.運行命令爲ionic cordova platform add android
(3):第三種報錯信息:['"node --max-old-space-size=10240"' 不是內部或外部命令，也不是可運行的程序]
解決方法:
真的是在網上搜索了各類方法.各類命令運行.後面仍是沒有用...最有用的一篇文章是參考這個文章 可是有個坑是:

一、在node_modules.bin 下的 *.cmd 文件中，有以下"%_prog%"
二、修改【"%_prog%"】 爲 【%_prog%】，即去掉雙引號

我是怎麼搜node_modules.bin裏面的"%_prog%"內容都沒有搜到.最後我想到.*.cmd 文件可能表明的是全部後綴爲.cmd的文件....而後隨意點開了一個...發現裏面真的有"%_prog%"....後面沒辦法...一個個文件點開去把"%_prog%"內容給替換成了%_prog%.實在是沒有找到合適的解決方法了...改了又二十個文件左右....哎...不過好在.我成功解決了......

附帶的知識點:

安裝nrm : npm i -g nrm
nrm ls查看指向源
nrm use taobao把npm的指向源設置爲taobao

再次運行nrm ls查看指向源,更改爲功.(避免出現npm安裝指向不一致的各類問題...)

總結:

心裏感覺: 今天打包從上午十點出頭一直打到晚上九點半.真的很是慘...慘絕人寰...沒有經驗的小白就是各類踩坑.還好我一直對本身說今天打很差就不下班了.同事也過來幫我看報錯..各類出主意.. 最後成功了..一把心酸淚...
遇到問題解決的方法:其實不少問題都是由於運行者的身份權限不夠,或者有緩存.版本不正確,步驟不正確致使的.靜下心來在網上找找答案.或者開口問問同事.最後仍是不行就清空回收站,電腦殺個毒,清理下垃圾.而後關機重啓.從新再來一次.要相信本身,必定能行.毫不輕言放棄!這個文章也是寫的很用心.一是給本身留下記憶.二是分享出來,避免再有人和我同樣踩坑.有問題能夠下方留言溝通.基本上天天都會上線.以爲有用的小夥伴記得點個贊~