天天看點

釋出IonicAPP應用

釋出Ionic應用的步驟如下

1.安裝ionic環境

https://nodejs.org/en/ 下載下傳nodejs安裝包

依次執行以下指令

node -v    //檢測nodejs架構

npm -v     //檢測node package management - node包管理器

npm install -g ionic  //通過npm安裝ionic

ionic -v     //檢測ionic移動架構

npm install -g cordova //通過npm安裝cordova

cordova -v   //檢測cordov

2.制作ionic應用

ionic start 應用名稱 應用類型    

例如ionic start demo1 tabs  //制作一個app名稱為demo1,類型為tabs(三個頁籤)

釋出IonicAPP應用

3.安裝配置java環境

http://www.oracle.com 下載下傳JDK 1.8.0(2018年5月2日)系統為64位的jdk必須下載下傳64位的不然會報錯

配置環境變量

JAVA_HOME   SDK的安裝目錄

PATH         %JAVA_HOME%\bin;

java -version

javac -version

4.安裝android sdk

www.androiddevtools.cn

android-sdk_r24.4.1-windows.zip

解壓到c盤(我的sdk放在D:/Android/androidsdk目錄下),執行SDK Manager.exe

有6個必選項 Android SDK Platform-tools、Android SDK Build-tools、API23 SDK Platform、API26 SDK Platform、Extra Android Suport Resposity、Google Repository

釋出IonicAPP應用

5.配置Android系統變量

ANDROID_HOME   android_sdk_windows安裝目錄

PATH             ;%ANDROID_HOME%\platform_tools;%ANDROID_HOME%\tools

釋出IonicAPP應用

6.在ionic應用下,添加anrdoid環境

cordova platform add android   //為該應用添加android殼子

7.配置gradle環境

GRADLE_HOME   gradle_4.1的安裝目錄

Path             ;%GRADEL_HOME%\bin

8.在ionic應用下 執行 

ionic cordova build android //建立android APK

9.将apk放置與手機上,調試,至此生成debug版本的app

10.生産簽名檔案

如有Android studio在Android studio上生成更簡單

keytool -genkey -v -keystore demo.keystore -alias demo -keyalg RSA -validity 10000

//生産一個名稱為demo.keystore,别名為demo,有效期10000天的數字簽名

将生産的密鑰放置于ionic應用根目錄下

11.打開 應用/platform/android/app/build.gradle

找到229行

keyAlias=”demo”

keyPassword=”123456”

storeFile=null

stroePassword=”123456”

12.打包apk(release發行版)

ionic cordova build android --prod --release -- -- --keystore=demo.keystore -alias=demo

13.自定義app名稱

根目錄下config.xml檔案

标簽中的名稱,即為APP名稱

14.自定義APP圖示和閃屏圖檔

删除應用根目錄下的,resource檔案夾下的icon.png和splash.png

做好icon.ai和splash.ai,放置在resource檔案夾下

執行 ionic cordova resources android

15.在手機直接調試apk

ionic cordova run android

需啟用開發者選項、啟動USB調試

繼續閱讀