环境搭建步骤
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/
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下的目录分隔符/。
参考文章:
网友评论
build prod failed: Cannot determine the module for class XxPage in xxx.ts
不知道楼主知不知道是怎么回事啊
storePassword和keyPassword
不过还是谢谢您的总结,帮了我大忙