美文网首页我的 ionic
ionic环境配置和android打包签名

ionic环境配置和android打包签名

作者: lzb30 | 来源:发表于2016-09-23 00:38 被阅读8682次

    环境搭建步骤

    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下的目录分隔符/。

    参考文章:

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

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

    相关文章

      网友评论

      • b5f8c36f5b5c:你好,如果使用第三方签名,该如何签到我的ionic项目中呢,
        lzb30:@超兽5212 可以打包完后在用工具进行签名,签名工具网上很多的
      • 那群白鸽背对着夕阳:ionic build android --prod失败
        build prod failed: Cannot determine the module for class XxPage in xxx.ts
        不知道楼主知不知道是怎么回事啊
        Kathy丶Andy:@那群白鸽背对着夕阳 想问下你是怎么解决掉的啊
        那群白鸽背对着夕阳:@12cd0817faaf 是的,我已经解决掉了,新东西总是有些坑在里面。
        lzb30:没遇到过哦,你是用ionic2的?
      • 欢乐的乐:自动签名的四行代码有错误,不只是Password 应该分别是
        storePassword和keyPassword:dizzy_face:
        不过还是谢谢您的总结,帮了我大忙:clap:

      本文标题:ionic环境配置和android打包签名

      本文链接:https://www.haomeiwen.com/subject/yyttyttx.html