前段时间,公司有个app项目需要支持不同平台,于是采用了ionic2 + cordova + angular2,在搭建环境过程中遇到了不少问题,刚好最近有时间整理出来。
二、开发环境搭建
参考这个网站步骤搭建:https://github.com/donaldtdz/ionic2quickstart
注意:nodejs 要装6.0 +lts最新版,不要装8.x的最新版本(https://nodejs.org/en/)
cordova版本要安装6.x版本,目前cordova-android版本最高只能支持到6.x.x
cmd: cnpm install –g ionic cordova@6.x
cmd: ionic –v cordova –v 查看显示版本号,安装成功
三、运行一个ionic种子项目
下载地址:https://github.com/donaldtdz/ionic-seed
用vs code打开终端输入命令:cnpm install
ionic serve 运行项目
web端运行项目成功,开发环境搭建完成
下面我们开始打包到android app
四、cordova打包android平台环境搭建
参考官方说明:
(中文)http://cordova.axuer.com/docs/zh-cn/latest/guide/platforms/android/index.html
(英文)http://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html
注:中文网址信息不是最新,访问速度比较快,英文更新到最新,但访问速度较慢
1、安装java sdk
java开发工具包(jdk)安装java development kit (jdk) 7或者最新的。
当在windows上安装的时候需要根据jdk路径设置java_home环境变量(参见设置环境变量)
cmd:java –version 显示版本号安装成功
java sdk环境变量配置
java_home 配置安装目录
path配置:%java_home%\bin
添加classpath : .;%java_home%\lib; (注:如存在这个环境变量,需要检查)
2、安装android sdk tools
(注:如果需要添加cordova插件,建议安装android studio)
android sdk安装android stand-alone sdk或者android studio。如果你计划开发一个新的cordova android插件或者使用android平台原生的工具去运行和调试,那么就使用android studio吧。否则,android stand-alone sdk tools就足够构建和部署android应用程序了。
详细的安装说明可以点击上面的安装链接查看。
3、添加android sdk包
添加sdk包在安装完android sdk后,你需要安装任何你希望的目标api级别的sdk包。建议你安装cordova-android(参见上面)支持的最高级别的sdk包。
打开android sdk manager (例如,在终端上运行`android),并确保下面已经安装:
目标android版本的android platform sdk
android sdk build-tools,版本19.1.0或者之上
android support repository (在extras查找)
参见 android文档安装sdk包获得详细内容。
先打开刚下载的项目终端运行:cordova platform ls 查看cordova android依赖的android sdk版本
对应下面列表依赖android api级别是16-25(http://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html)
然后下载对应的依赖包
安装成功后配置环境变量
android_home:
d:\program files\android\android-sdk
path:
d:\program files\android\android-sdk\platform-tools
d:\program files\android\android-sdk\tools
cmd:android –h 查看如下面表示安装成功
五、打包android app
1、 添加android平台
ionic cordova platform add android
2、依赖gradle修改到本地
原因是国外网站打包运行时很慢或导致失败,你懂的
下载地址:https://services.gradle.org/distributions/
(注:如下载慢用下载工具如迅雷)
下载版本选择,先搜索distributions/gradle
如下我们需要版本:gradle-2.14.1-all.zip,避免下错版本
下载完成不用解压,直接拷贝到你项目的下面这个路径:
\app\platforms\android\gradle(注:如不存在需要建一个,注意拼写错误)
打开刚搜索到的文件:\platforms\android\cordova\lib\builders\gradlebuilder.js
将原来的注释掉并修改为本地包../gradle-2.14.1-all.zip
3、 打包应用
ionic cordova build android
打包完成后会输出一个apk手机安装包文件
安装到手机运行成功!!
六、应用签名和启动优化
1、生成签名秘钥
签名一个应用首先你应该阅读android应用签名所需。
使用标志签名一个应用,你需要下面参数:
参数标志描述
keystore --keystore 用来存储一组key的二进制文件路径
keystore password --storepassword keystore存储密钥
alias --alias 用来指定私有key用来签名
password --password 私有key的密码
keystore的类型 --keystoretype 默认: 自动检测基于文件扩展名
pkcs12或者jks
这些参数可以通过上面的cordova cli build 或者 run命令来指定命令行参数。
注意: 你应该使用两个中划线 -- 来表示这些平台特定参数,例如:
cordova run android --release -- --keystore=../my-release-key.keystore --storepassword=password --alias=alias_name --password=password.
cmd 到目录:d:\projects\dev\tz\saas\app\platforms\android(android平台根目录)
cmd:keytool -genkey -alias tzky.keystore -keyalg rsa -validity 40000 -keystore tzky.keystore
根据输入提示完成输入,生成成功后刷新android平台根目录
2、签名应用并打包
cordova build android --release -- --keystore=..\tzky.keystore --storepassword=yk1234 --alias=tzky.keystore
(注:自动生成打包配置文件release-signing.properties需要注意tzky.keystore的放置路径要匹配)
手动添加release-signing.properties文件并修改:
添加完成后直接运行:cordova build android –release
3、优化启动速度
ionic cordova build android --prod –release
(注意:需要代码优化,如果有错误,根据错误提示修改)
启动优化参考:http://blog.csdn.net/u010564430/article/details/61201769
在config.xml文件中添加如下内容:
<preference name="autohidesplashscreen" value="false" /> <preference name="fadesplashscreenduration" value="1000" /> <preference name="splashscreen" value="screen" /> <preference name="showsplashscreen" value="true" /> <preference name="showsplashscreenspinner" value="false" /> <preference name="splashshowonlyfirsttime" value="false" /> <preference name="fadesplashscreen" value="true" />
以上就是angular2打包android app环境搭建的方法的详细内容。
