如何搭建Ionic环境以及打包成安卓apk

1.Ionic是什么？Ionic的生态系统基于Angular和Cordova，前者是web应用框架，后者是构建和打包原生应用的工具。Ionic是将HTML,CSS,JS,Angular，Cordova等技术进行整合，成为一个非常强大的移动端应用开发平台。

2.如何搭建环境？

如果你现在要使用Ionic来架构应用，你应用要有以下几个步骤。

1>安装node.js。可以访问[nodejs官网]()下载对应平台的安装包。如果你已经安装了node，请把它升级为最新版本。安装完成后，可以在OS X的终端后者windows的命令提示符中运行下面的代码来验证是否安装成功。

$ node -v1

如果出现版本号说明安装成功。(忽略$符号，以下同理)

2>安装Ionic和Cordova。使用一条命令就能安装Ionic和Cordova。执行之前请确保你已经安装了git：

$ npm install -g cordova ionic1

这条命令需要一点时间，请耐心等待。安装完成后，运行下面的命令来确认已经安装成功：

$ cordova -v

$ ionic -v 12

同样，这里出现版本号说明安装成功。注意：这里需要配置node的环境变量，如果你不清楚环境变量如何配置，百度一下啦！

3.是时候创建一个应用了。

Ionic提供了一个简单的start命令，几秒就可以创建一个新项目，在你想要创建项目的文件夹下运行如下代码就可以轻松创建：

$ ionic start demo

$ cd demo12

程序可能会问你是否创建一个Ionic账户，暂时可以无视它。ok创建成功后，你可以在你的文件下面看到demo文件夹，进入文件夹，你可以看到一串目录。这是Ionic的默认模板。

重点介绍以下www目录，这里进去我们可以看到css，js，lib，image，index，template等文件或者文件夹，这里前端人士应该很熟悉啦，这里就是你这个应用虚缺所有的前端代码，在这里面编写你的代码吧！

Ionic有个很牛叉的地方，当你输入如下代码后，你可以在浏览器中预览应用，当你在编写代码的时候，只需要保存，页面就好自动刷新，而不需要你手动刷新页面，这个angular又更进一步啦！很神奇有木有...

$ ionic serve1

执行的时候会提醒你选择地址，多数情况下选择localhost即可。程序会自动打开电脑中的默缺脊认浏览器并访问8100端口。你也可以直接在浏览器中输入localhost:8100。这里建议使用Chrome或者Safari。IOS的WebView使用的是Safari，Android使用的是Android浏览器（跟Chrome的相似度极高）。所以很明显看到用这两个浏览器模拟的好处，嘿嘿！

4.如何编译并发布应用？当你已经顺利完成你的应用代码部分的时候，你现在所需要的就是将你的应用打包并且发布了。

第一步：创建一个独一无二的图标。图标的设计无非有以下几点：简单，让人印象深刻，不受尺寸限制，颜色不要太复杂。创建好你的图标之后，请以png/psd/AI格式保存在resource/android/icon.png和resource/android/icon.png。然后使用如下命令，就可以生成不同尺寸的图标：

$ ionic resources -icon1

第二步：创建启动页面图片。启动画面的源文件至少需要2208px×2208px，创建完成后，保存为

resource/android/splash.png和resource/android/splash.png。

然后使差扮辩用如下命令就可以生成不同尺寸的启动画面图片：

$ ionic resources --splash1

第三步：编译Android应用（这里以安卓应用为例）。

1>配置应用的签名。使用如下命令来配置你的签名（keystore）：

$ keytool -genkey -v -keystore know_your_brew.keystore -alias know_your_brew -keyalg RSA -keysize 2048 -validity 100001

注意：请使用你应用的名字来替代know_your_brew.这个命令可以生成一个新文件，在本示例中为know_your_brew.keystore。

在应用的整个生命周期中将重复使用同一个keystore，请保存好它。

2>使用Cordova编译应用。使用build命令编译一个应用的发布版本：

$ cordova build --release android1

这个命令会生成一个新的apk文件。此时还未签名。

3>签名应用文件。现在我们要用之前创建的keystore文件来签名生成的未签名版本的应用。使用如下命令来签名：

$ jarsigner -verbose -sigalg SHALwithRSA -digestalg SHAL -keystore know_your_brew.keystore unsigned_name.apk know_your_brew1

注意：这里请使用keystore生成文件名来替换know_your_brew示例名称，同时用真实的应用文件名替换掉unsigned_name.apk。

这个过程需要一点时间，期间会提示输入keystore的密码。命令会修改apk文件并对其进行签名。

参考如下内容,应该是不行的:android打包能使用Ionic来开发app的逗掘很可能对Ios和android的app打包发布流程不是很熟悉，我这里简单说明下：AndroidAndroid的打包比较简单执行命令：1ionicbuildandroid-release找到/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-aliasdemo.keystore-keyalgRSA-validity40000-keystoredemo.keystore/*说明：-genkey产生密钥-aliasdemo.keystore别名demo.keystore-keyalgRSA使用RSA算法对签名加密-validity40000有效期限4000天-keystoredemo.keystore*/D:\>jarsigner-verbose-keystoredemo.keystore-signedjardemo_signed.apkdemo.apkdemo.keystore/*说明：-verbose输出签名的详细信息-keystoredemo.keystore密钥库位置-signedjardemor_signed.apkdemo.apkdemo.keystore正式签名，三个参数中哗镇依次为签名后产生的文件demo_signed，要签名的文件demo.apk和密钥库demo.keystore.*/注意事项：android工程的bin目录下的demo.apk默认是已经使用debug用户签名的，所以不能使用上述步骤对此文件再次签名。正确步山芦核骤应该是:在工程点击右键->AnroidTools-ExportUnsignedApplicationPackage导出的apk采用上述步骤签名。

使用PhoneGap搭建Android开发的项目整体步骤如下：安装java环境。安装ant构建工具。安装android的开发环境并配置环袜颤枝境变量。洞哗安装Node.js环境并配置环境变量。安装git使用npm安装PhoneGap全局环境。使用PhoneGap命令创建PhoneGap项目。将PhoneGap编译为android项目。将上述项目导入ADT进行后续开发。安装.apk文件其实官网给出的安装过程忽略了很多步骤（因为这里是Andriod环境，所以才会比官网的例子多出不少步骤），像我这种前端开发告敏人员，电脑里可是连java都没装的，下面就详细讲解这些步骤，并最终生成apk文件。

---