一、配置环境:
先按照之前的文章,配置好环境需要;
安装jdk,配置环境变量;( http://www.cnblogs.com/loveyaxin/p/7520618.html)
安装android-sdk ,配置环境变量;(http://www.cnblogs.com/loveyaxin/p/7527806.html)
安装apache-ant ,配置环境变量;(http://www.cnblogs.com/loveyaxin/p/7526311.html)
二、安装
1. 这里前提是 需要安装 node (地址: http://nodejs.cn/download/)
命令: node -v //返回版本号
查看自己是否安装过node,如果没有安装,请访问上面地址 进行安装;
2. 使用npm安装Cordova和 ionic
npm install -g ionic cordova
如果长时间没有安装成功,则使用 cnpm 淘宝镜像进行安装;
首先安装 cnpm :
npm install cnpm -g --registry=https://registry.npm.taobao.org
安装成功以后,执行命令: cnpm -v 验证一下版本,查看是否安装成功,
然后 执行安装 :(只需将npm改成 cnpm 即可)
cnpm install -g ionic
三、创建项目:
1. 创建APP:
打开命令行工具 执行:
ionic start myApp tabs(这个可以自己选择对应的模板)
2. 进入APP :
命令: cd myApp (进入到你新建的项目)
3. 选择配置Android环境
ionic platform add android
这里你可能会遇到一个报错
The platform command has been renamed. To find out more, run:
ionic cordova platform --help
原因: ionic cli发布了3.0的版本,目前市面上的一切资料中的命令全部无法正常使用了, 所以建议你降级到ionic cli 2.x的版本
解决方案:
执行命令: ionic info 查看所有相关ionic的版本信息,我的如下:
不出意外的话,你的ionic cli 版本可能是3.xx以上, 那么请遵从上述建议,安装ionic cli 2.x 版本
1)先 取消 目前安装的版本 : npm uninstall -g ionic
2) 安装2.x 版本的: npm install -g ionic@2
3) 继续上述步骤,创建项目——>添加安卓平台
添加成功以后会在 你当前项目中多一个platforms 文件夹,
四、打包安卓包
1. 打包测试版本 (debug)
命令: ionic build android
这里打包的是 测试版本 ,
之后把android-debug.apk这个放到安卓包安装 ,运行之后即可看到 手机界面。
2. 打包发布版本(release)
命令: ionic build android --release
如果没有配置签名文件则默认只生成android-release-unsigned.apk,没有签名的apk。release版本是必须有签名才能在手机上运行。
所以要先生成签名文件;
步骤 :
(1)在 D:你的工程项目platformsandroid 文件下 :
右键 打开命令窗口:
执行命令: keytool -genkey -v -keystore your_file_name.jks -alias your_alias_name -keyalg RSA -keysize 2048 -validity 10000
(以下密码口令是输入了的,因为输入的时候不会显示,所以显示如下图,这个密码需要你记住,以便以后使用;另外如果你输入少于6个字符的,会有提示你,不能少于6位字符)
(2)在 D:你的工程项目platformsandroid 文件下 :
创建一个文件夹命名为:release-signing.properties (文件名字可以自定义,后缀必须为.properties)
添加以下内容:
storeFile=your_file_name.jks
keyAlias=your_alias_name
storePassword=your_store_password
keyPassword=your_key_password
(3)回到你的项目目录下,进行release 打包:
命令: ionic build android --release
这里需要你耐心等待。。。直到出现以下内容:
这时,就跟你 打包测试包一样,在 apk/ 下会有一个 android-release.apk :
提示: 如果你已经生成签名,执行 release打包命令报错的话:
可能是 release-signing.properties 文件下的配置你写错了,
storeFile=your_file_name.jks storeFile后面的值,指的是 你的your_file_name.jks的路径,因为我将your_file_name.jks 和 release-signing.properties 放在了同一个目录下面,所以直接写了文件名;