ionic环境配置和android打包签名

环境搭建步骤

1、安装ionic开发环境

1.1、安装nodejs,这是为了使用npm来安装ant,cordova和ionic。

验证是否安装好node.js的方法是在命令提示符中输入“node -v”    若出现版本号,证明安装成功。

nodejs 中文网站http://nodejs.cn/下载安装就可以了   安装步骤可以参考http://www.runoob.com/nodejs/nodejs-install-setup.html

注意:安装过程中建议不要改变安装目录。如果在命令提示符中输入“node -v”,出现版本号为v0.10.38,则在用npm命令安装其他插件的时候会出现问题。

1.2、安装ant,并配置相应的环境(网上搜教程)

验证是否安装好ant的方法是在命令提示符中输入“ant -v”

若出现版本号,证明安装成功。

1.3、安装cordova和ionic

安装cordova和ionic可以用npm命令 npm install -g cordova inoic,但是用npm下载速度会很慢,所以建议用淘宝镜像,通过如下方式:npm install -g cnpm --registry=https://registry.npm.taobao.org

执行成功过后,输入 cnpm install -g cordova ionic 安装

验证是否安装好cordova的方法是在命令提示符中输入“cordova -v”(ionic也是)

若出现版本号,证明安装成功。

2、安装android打包环境

2.1 安装jdk,并配置Java环境(网上教程很多)

验证是否安装好的方法是在命令提示符中输入“javac”,能够出现用法提示,证明安装成功。

2.2 安装android sdk

先下载两个工具,一个是sdk tools,一个是更新完的sdk的adt版本

下载完成后,安装sdk tools,安装完成后,打开安装目录,进入到android-sdk的目录,然后把adt的压缩包解压出来,把adt里面的sdk文件夹里面的所有文件复制到安装目录,替换到安装目录的文件即可。

然后设置Android环境变量(网上教程很多,请自行搜索)

下载地址:

sdktools:http://www.androiddevtools.cn/

ionic环境配置和android打包签名_第1张图片

adt版本:http://pan.baidu.com/s/1i4VICqp


ionic创建项目和打包流程

1、创建ionic项目

打开命令行窗口,进入开发目录,输入命令“ionic start myApp tabs”

其中myapp是项目的名称,tabs是ionic官网提供的项目模板。

执行过程它会从githup下载项目源码,请等待。。

执行完毕后,到开发目录下你会发现有一个myApp的文件夹,这个就是ionic项目的所在目录

在开发过程中,我们一般会先用浏览器进行调试,ionic提供了一个serve命令为我们创建一个web站点,在命令行输入“ionic serve”,执行完毕后ionic会打开默认浏览器,并跳转到我们的应用页面。

2、项目部署

ionic支持iOS和android两个平台,默认的ionic项目并没有添加这两个平台,需要我们手动添加。

添加方法也很简单,cd到开发目录下,输入命令“ionic platform add android”,执行完毕后,在开发目录下的platform目录会多一个android的目录。

3、调试

我们在前面已经说过,在开发前期我们一般会在web中调试,而Ionic为我们提供了非常方面的web调试环境,只需要执行ionic serve就可以实现lievereload,而在部署到移动端后也可以开启livereload的,我们只需要修改下我们run命令参数:

ionic run android --livereload -c -s

这是android的调试模式,无论在虚拟机上还是在手机上都可以实现livereload,不用每次开发完成编译再部署!-c是开启客户端日志输出,-s是开启服务器端日志输出。

4、android打包

能使用Ionic来开发app的很可能对Ios和android的app打包发布流程不是很熟悉,我这里简单说明下:

Android

Android的打包比较简单执行命令:

ionic build android -release

找到www/platform目录下生成的apk包,此时的apk还不能被安装到手机上,还需要一步签名操作,大家可以参考:

http://www.cnblogs.com/qianxudetianxia/archive/2011/04/09/2010468.html

创建key,需要用到keytool.exe (位于jdk1.6.0_24\jre\bin目录下),使用产生的key对apk签名用到的是jarsigner.exe (位于jdk1.6.0_24\bin目录下),把上两个软件所在的目录添加到环境变量path后,打开cmd输入

D:\>keytool -genkey -alias demo.keystore -keyalg RSA -validity 40000 -keystore demo.keystore

/*说明:-genkey 产生密钥

-alias demo.keystore 别名 demo.keystore

-keyalg RSA 使用RSA算法对签名加密

-validity 40000 有效期限4000天

-keystore demo.keystore */

D:\>jarsigner -verbose -keystore demo.keystore -signedjar demo_signed.apk demo.apk demo.keystore

/*说明:-verbose 输出签名的详细信息

-keystore  demo.keystore 密钥库位置

-signedjar demor_signed.apk demo.apk demo.keystore 正式签名,三个参数中依次为签名后产生的文件demo_signed,要签名的文件demo.apk和密钥库demo.keystore.*/

注意事项:android工程的bin目录下的demo.apk默认是已经使用debug用户签名的,所以不能使用上述步骤对此文件再次签名。正确步骤应该是:在工程点击右键->Anroid Tools-Export Unsigned Application Package导出的apk采用上述步骤签名。

5、Android自动签名

步骤

在platforms\android目录新建名为release-signing.properties的文件,文件内容如下

storeFile=path/to/keystore

keyAlias=your key aliasstore

Password=your store passwordkey

Password=your key password

使用ionic build --release android编译即可,在\platforms\android\build\outputs\apk出现android-release.apk文件即是已签名的安装包。

在windows下storeFile文件路径应使用Unix下的目录分隔符/。

参考文章:

http://www.cnblogs.com/cybolg/p/5222605.html

https://my.oschina.net/kinegratii/blog/738797

你可能感兴趣的:(ionic环境配置和android打包签名)