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】