Ionic 安装部署

Ionic 安装部署

准备工作

下载安装Node.js, JDK，Apache Ant，Android SDK；编辑器用WebStorm

node jdk ant 均需要加进 环境变量path中

Android SDK，目前无法通过google直接下载，可以通过设置Http Proxy Server来获取；打包apk只需要sdk，模拟运行则需要system images

mirrors.neusoft.edu.cn 80//勾选 other - Force https//... sources to be fetched using http://...

Android SDK 环境变量配置

ANDROID_HOME    D:\android\sdk                              path     %ANDROID_HOME%\platform-tools;  path     %ANDROID_HOME%\tools;  

安装ionic 及 cordova

安装命令

npm install -g cordova ionic

更新命令

npm update -g cordova ionic

安装特定版本

npm install -g ionic cordova@5.0.0npm install -g ionic@1.6.5

删除命令
npm uninstall cordova -g
npm uninstall ionic -g

npm 淘宝镜像(GFW，导致很多插件下载失败)

npm install -g cnpm --registry=https://registry.npm.taobao.org// 安装完成后，以后所有的插件都使用cnpm这个命令来进行安装cnpm install -g ionic cordova

创建应用

创建ionic 项目，可选模板：sidemenu（侧滑菜单），tabs（底部tab），blank 空白

ionic start myapp blankionic start myapp tabsionic start myapp sidemenu

如果是github上下载的项目，里面的插件、依赖项一般通过下面命令下载：

bower installnpm install

如果是老ionic 项目，如果需要更新项目里面的ionic文件（如js类库）

ionic lib update

浏览器端运行

ionic serveionic serve --lab

真机模拟、打包、运行

ionic platform add android  //[ios]ionic build androidionic run androidionic emulate android

如何用xcode 打包IONIC 项目（IPK）

将项目文件copy到MAC底下。运行终端，cd到项目所在文件夹，运行

ionic platform add ios

然后finder，在 platforms->ios->xxx.xcodeproj 打开项目

然后，将xcode的模拟器类型选成iOS Device

然后在XCODE 的菜单栏 选择 Product -- Archive ，会生成 xxx的Archive文件。

在窗口右侧的Submit to AppStore 按钮的下方，点击 Export...

有三个选项

Save to IOS App Store DeploymentSave to Ad Hoc DeploymentSave for Enterprise Deployment

第一个是发布到APPStore
第二个临时打包，可以用来测试
第三个是发布成企业版本

选择证书等等，选择导出文件夹，导出

Ionic Framework 说明书