ionic+cordova 學習開發App（一）

1、項目所需環境

　　（一）jdk 

　　　　一、jdk的安裝，必須同時包含Java 和javac 【通常安裝包中都包含有，能夠肯定下】

　　（二）node.js 和NPM

　　　　一、大多插件和輔助工具都運行在NPm平臺上。

　　　　二、安裝完成，檢查安裝是否成功：npm -v  或者node -v

　　（三）Android SDK

　　（四）Gradle

　　 　　一、若是隻安裝了Android SDK，沒有安裝Android Studio ，那麼你須要藉助Gradle，來幫助運行項目。

　　（五）環境變量的配置

　　　　set ANDROID_HOME=C:\<installation location>\sdk

　　　　set PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

　　　　set GRADLE_HOME=C:\<installation location>   【Gradle也須要在path中配置】

　　（六）在npm基礎上，安裝ionic 、cordova 兩個插件，執行命令以下：

　　　　一、安裝：

　　　　　　ionic 安裝命令：npm install -g ionic --若是指定版本的話：npm install -g ionic@4.0.3 版本號
　　　　　　cordova安裝命令：npm install -g cordova --指定版本同上: npm install -g cordova@7.1.0

　　　　二、查看版本號：
　　　　　　ionic -v
　　　　　　cordova -v

　　　　三、移除ionic Cordova
　　　　　　ionic 移除命令：npm remove -g ionic
　　　　　　cordova 移除命令：npm remove -g cordova

2、項目的生成和簽名

   （一）生成項目

　　　　一、切換到項目存放的路徑：例如：D:\Project

　　　　二、執行生成項目的命令：ionic start helloWorld blank

　　　　注：blank：項目生成類型，還有其餘類型，如：

• • 　　tabs : a simple 3 tab layout
  • 　　sidemenu: a layout with a swipable menu on the side
  • 　　blank: a bare starter with a single page
  • 　　super: starter project with over 14 ready to use page designs
  • 　　tutorial: a guided starter project

   （二）項目簽名--手動簽名方式

　　　　一、切換到jdk的bin項目下，目的是：利用keytool.exe 生成本身的簽名.keystore，文件；

　　　　二、執行命令，生成簽名.keystore文件：

　　　　　　keytool -genkey -alias myDriver.keystore -keyalg RSA -validity 10000   -keystore D:\Project\myDriver\doc\myDriver.keystore

　　　　　　注：-alias:文件的別名；

　　　　　　　　--keystore D:……：文件生成後存放的路徑

　　　　　　　　10000   ：文件的有效期

　　　　三、編寫系統根據項目打包自動簽名的.bat文件：【執行語句以下】

echo off rem 請自行修改密鑰地址和加密後的文件地址與加密前的文件地址 jarsigner -verbose -keystore D:/JoyPlus_AN/軟件設計開發/APP簽名/android2.keystore -storepass ubest2 -signedjar D:/JoyPlus_AN/軟件設計開發/APP簽名/ayb-cargo-%1.apk D:/JoyPlus_AN/DCLC/trunk/ShipperMobileApp/platforms/android/build/outputs/apk/android-release-unsigned.apk ubest2.keystore start D:/JoyPlus_AN/軟件設計開發/APP簽名

　　注意：ubest2：生成keystore過程當中，輸入的密碼口令

 

　　四、將編寫好的.bat文件，放到system32文件下，這樣在項目執行打包時候，會自動加入簽名。

 

3、編譯、打包項目

　　一、npm install :安裝項目所需的npm上的一些查件；

　　二、ionic cordova platform add android |ios ：將ionic 和 cordova 兩個插件放到安卓平臺 的命令；

　　注意：須要在項目build.gradle中，關鍵對象allprojects中，添加一段代碼：
　　　　configurations.all {
　　　　　　resolutionStrategy.force 'com.android.support:support-v4:24.0.0'
　　　　}
　　　　不然編譯會報錯的，錯誤異常：Exception …… *** processReleaseResource

　　三、ionic cordova build android ：ionic+cordova在android上編譯；

　　四、npm run buildtest ：打包項目；  【這個命令語句，定義在項目package.json中，能夠根據本身的需求本身定義！】

　　五、npm run startdev ：啓動項目；【定義方式，同4】