跨平台ionic+cordova环境搭建

跨平台APP：ionic+cordova搭建

一，搭建过程之前，用户需要安装java jdk，gradle，git。之前博客有写这些环境的搭建过程。

二，安装node.js：下载node-v6.11.3-x64，直接安装即可：

三，安装ionic、cordova：

用管理员账户运行命令行，分别运行（选择阿里的镜像快很多）：

npm install -g cordova --registry https://registry.npm.taobao.org
npm install -g ionic --registry https://registry.npm.taobao.org

分别运行ionic -v 和cordova -v 判断是否安装成功，出现版本号则成功。

四，安装express：

npm install -g express-generator

注释：npm install -g express-generator 是说全局安装express4以上的版本；express -e 是说创建一个以ejs模板的项目 e是说ejs。

到此环境基本搭完。

五，配置adt-bundle-windows：

1，将 Android SDK 的 tools 和 platform-tools 路径添加至“Path变量值”末尾并保存，如：D:\wjanzhuang\android-sdk-windows\platform-tools;D:\wjanzhuang\android-sdk-windows\tools。输入“android”命令，能打开 Android SDK Manager 窗口说明安装成功。

2，如用真实Android 设备来开发，只需选择 Android SDK Tools、Android SDK Platform-tools、Android SDK Build-tools、Android Support Repository、Google USB Driver，以及Android API 19-24 的 SDK Platform。

六，创建App安装包
ionic start myapp tabs 新建移动APP项目
ionic platform add android 增加声明一个android应用，也可以根据android最低版本号新建apk，如:

ionic add platform android @4.1.1 表示目标版本是android4.1.1

ionic cordova build --release android  生成apk包

编译成功之后，在项目路径的\platforms\android\build\outputs\apk

七，android生成签名文件

1、执行命令：keytool -genkey -v -keystore demo.keystore -alias moon -keyalg RSA -keysize 2048 -validity 10000，输入的密码要 记住，其他姓名地区等信息随便填吧，最好还是记住，成功之后在主目录下就生成了demo.keystore文件，命令中demo.keystore是生成文件的名字，moon 是别名，随便起但是要记住，一会签名要用到，其他信息如加密、有效日期等就不说了，无需改动。

2、签名应用文件

把在第二步生成的test.apk拷贝到与生成的keystore同一目录下，也就是项目的主目录下，执行命令：jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore demo.keystore test.apk moon，输入签名文件的密码，成功之后主目录下的test.apk就被签名成功了，会比原来未被签名的apk文件大一点，能够安装到手机或android虚拟机上了。

八，跨平台前端开发原则

1，一个应用尽量使用单页面（使用css和js加载），避免页面切换造成性能下降。

2，大小单位尽量是用rem。