混合移动应用开发(Hybrid App)

目的

如何使用 Apache Cordova 和 Ionic 进行移动应用开发。

简介

Apache Cordova是一个开源的移动应用开发框架。
能够让你使用Web前端技术(HTML5,CSS3,JavaScript)开发跨平台应用,通过配置能让你在网页端调用设备的硬件资源(网络状态,感应器,相机,联系人等)。
Ionic 提供了移动应用开发的前端框架,本篇章使用 Ionic v1 Framework, 该版本是基于 AngularJS v1实现。整个应用为一个单页面应用(Single Page Application),其路由是借助 UI-Router 实现。

内容

环境配置

  1. 安装 NodeJS。

  2. 安装 Cordova 和 Ionic。

    1
    $ npm install -g cordova ionic
  3. 初始化项目,命名为 ‘myApp’。

    1
    $ ionic start myproject --type ionic1
  4. 本地浏览器测试项目运行。

    1
    $ ionic serve

安卓应用开发配置

  1. 配置 JDK 和 Android SDK。

  2. 配置 Gradle。

  3. 设置环境变量。

    • JAVA_HOME
    • ANDROID_HOME为SDK路径。
    • 将下面路径加入到$PATH环境变量里面。
      • Gradle
      • Platform-tools
      • Tools
  4. 添加安卓开发平台。

    1
    Cordova platform add android --save
  5. 构建安卓项目。

    1
    Cordova build android --verbose
  6. 电脑运行安卓虚拟机。

    1
    Cordova run android