ionic+cordova 学习开发App（一）

ionic+cordova 学习开发App（一）

一、项目所需环境

　　（一）jdk 

　　　　1、jdk的安装，必须同时包含Java 和javac 【一般安装包中都包含有，可以确定下】

　　（二）node.js 和NPM

　　　　1、大多插件和辅助工具都运行在NPm平台上。

　　　　2、安装完成，检查安装是否成功：npm -v  或者node -v

　　（三）Android SDK

　　（四）Gradle

　　 　　1、如果只安装了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 两个插件，执行命令如下：

　　　　1、安装：

　　　　　　ionic 安装命令：npm install -g ionic --如果指定版本的话：npm install -g ionic@4.0.3 版本号
　　　　　　cordova安装命令：npm install -g cordova --指定版本同上: npm install -g cordova@7.1.0

　　　　2、查看版本号：
　　　　　　ionic -v
　　　　　　cordova -v

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

二、项目的生成和签名

   （一）生成项目

　　　　1、切换到项目存放的路径：例如：D:Project

　　　　2、执行生成项目的命令：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

   （二）项目签名--手动签名方式

　　　　1、切换到jdk的bin项目下，目的是：利用 生成自己的签名.keystore，文件；

　　　　2、执行命令，生成签名.keystore文件：

　　　　　　keytool -genkey -alias myDriver.keystore -keyalg RSA -validity 10000   -keystore D:ProjectmyDriverdocmyDriver.keystore

　　　　　　注：-alias:文件的别名；

　　　　　　　　--keystore D:……：文件生成后存放的路径

　　　　　　　　10000   ：文件的有效期

　　　　3、编写系统根据项目打包自动签名的.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过程中，输入的密码口令

　　4、将编写好的.bat文件，放到system32文件下，这样在项目执行打包时候，会自动加入签名。

三、编译、打包项目

　　1、npm install :安装项目所需的npm上的一些查件；

　　2、ionic cordova platform add android |ios ：将ionic 和 cordova 两个插件放到安卓平台 的命令；

　　注意：需要在项目adle中，关键对象allprojects中，添加一段代码：
　　　　configurations.all {
　　　　　　resolutionStrategy.force 'com.android.support:support-v4:24.0.0'
　　　　}
　　　　否则编译会报错的，错误异常：Exception …… *** processReleaseResource

　　3、ionic cordova build android ：ionic+cordova在android上编译；

　　4、npm run buildtest ：打包项目；  【这个命令语句，定义在项目package.json中，可以根据自己的需求自己定义！】

　　5、npm run startdev ：启动项目；【定义方式，同4】

转载于:.html