Android移动APP开发笔记——最新版Cordova 5.1.1(PhoneGap)搭建开发环境

引言

简单介绍一下Cordova的来历,Cordova的前身叫PhoneGap,自被Adobe收购后交由Apache管理,并将其核心功能开源改名为Cordova。它能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台。有低成本,低开发周期,轻量化等优点。它统一封装了Andriod,IOS,WindowsPhone,Symbian等几大移动开发平台的API,采用HTML5+JavaScript的混合开发的模式来开发智能移动的APP,解决系统兼容等问题。使用Cordova把APP从一个平台移植到另外一个平台只需要把HTML代码跟JS打包一下就可以了,减少了大量的开发成本与开发时间,因此受到广大企业与开发人员的青睐。现在不少的大型网站(例如京东,淘宝等)手机APP都是使用此种混搭模式进行开发。

详细说明可看Cordova的官方网站 http://cordova.apache.org/

目录

一、软件下载

二、JDK安装部署

三、Android SDK 安装部署

四、Cordova/PhoneGap 安装部署

五、建立Cordova 测试项目

一、软件包下载

运行环境:Windows 7

  1. JDK 7 下载:http://www.oracle.com/technetwork/java/javase/downloads/index.html
  2. Android SDK 下载:http://android-sdk.en.softonic.com/
  3. ADT-23.0.6下载:http://tools.android-studio.org/
  4. Node-v4.1下载:https://nodejs.org/dist/latest/node-v4.1.0-x64.msi
  5. Ant-1.9.6下载:http://apache.fayea.com//ant/binaries/apache-ant-1.9.6-bin.zip

回到目录

二、JDK安装部署

JDK (Java Development Kit) 是 Sun 针对Java开发员的产品,是现今使用最广泛的Java SDK。JDK 是整个Java的核心,包括了Java运行环境和基础类库等。常用版本包括 JDK 6、JDK 7、JDK 8。

成功安装 JDK 7 后,必须设置环境变量,让系统感知并能调用 JDK 7。

打开 “控制面板 --> 系统安全 --> 系统 --> 高级系统设置 --> 环境变量”,增加以下配置 :

变量 说明
java_home C:\ jdk7.win32.x86_64_1.7.0.u45 写入JDK安装的路径
Path ;%java_home%\bin 在Path原有值上加入此值
classpath ;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar 在classpath的原有值上加入此值

回到目录

三、Android SDK 安装部署

如果通过Eclipse来开发Andorid应用程序,配置好了JDK变量环境之后可以安装Eclipse,然后下载Android SDK(Software Development Kit)并在Eclipse中安装ADT插件,这个插件能让Eclipse和Android SDK关联起来。

3.1 ADT安装

ADT 全名 Android Development Tools, 使用Eclipse开发Android,在Eclipse编译IDE环境中安装ADT,可以为Android开发提供开发工具的升级或者变更,方便Android SDK等版本的管理。当然,如果使用Android Studio等开发工具,ADT可无需安装。


由于中国的特殊情况,防护墙把Google官网给封了,所以在Eclipse Marketplace中直接下载ADT,将出现类似 “Unable to connect to repository http://dl-ssl.google.com/android/eclipse/content.xml ” 等错误。此时除了使用代理外,修改hosts等方法外,还可使用以下方法进行安装。
首先在 http://tools.android-studio.org/ 下载ADT-23.0.6.zip包,打开菜单Help-InstallForSite

直接选择已下载的ADT-23.0.6.zip包

安装完成后,你可以看到新建项目时出现Android选项

3.2 部署环境变量

把下载的Android SDK解压后,新建系统变量,操作类似于JDK1.7系统变量设置。选择“系统变量”中变量名为“Path”的环境变量,变量后追加 “;D:\MyEclipse Professional 2014\android-sdk-windows\tools;D:\MyEclipse Professional 2014\android-sdk-windows\tools\platform-tools;”

3.3 安装Android SDK

官网上下载Android SDK后,直接打开SDK Manager

由于中国的特殊情况,防护墙把google官网给封了,所以下载前须打开菜单Tools-Options设置代理,否则会出现 “Fetching https://dl-ssl.google.com/android/repository/addons_list-2.xml” 等错误

HTTP Proxy Server设置为:android-mirror.bugly.qq.com 
HTTP Proxy Port设置为:8080
也可参考网站 http://tools.android-studio.org/

选择所需要的Android版本进行下载,如果下载版本多所占用的空间可能比较大,用的时间也比较长。个人下载了Android 5.1、Android 4.4、Android4.1.2等几个版本,需要大约20G左右。

3.4 绑定Android SDK

打开菜单 windows-preferences ,选择Android项目,把SDK Location绑定到 Android SDK 所在的文件夹,可看到刚刚所下载的各个Android SDK 版本

回到目录

四、Cordova/PhoneGap 安装部署

在官网下载最新版 Node-v4.1,完成安装后,在环境变量中把path增加配置 “ ;C:\Program Files\nodejs\;”
为了方便管理,建议为Eclipse加入Ant插件。在Ant 官网下载 Ant-1.9.6,完成安装后在环境变量中把path增加配置 “;D:\MyEclipse Professional 2014\apache-ant-1.9.6\bin” 。
此时,在命令提示符窗口执行以下命令 npm install -g cordova
等待三五分钟,完成cordova安装后,系统就会出现以下提示:

回到目录

五、建立Cordova 测试项目

5.1 建立Android工程基础文件

输入命令 “cordova create AndroidFiles com.sun.androidapp AndroidTest” ,建立工程文件。
其中AndroidFiles是文件夹名称,com.sun.androidapp是包名称,AndroidTest是工程名称

5.2创建工程实例

进入刚创建的文件AndroidFiles, 输入命令 cordova platform add android 建立工程实例

除此以外,还可以用以类似命令创建 iOS、WP、BlackBerrry 等平台的实例

cordova platform add ios
cordova platform add wp7
cordova platform add wp8
cordova platform add blackberry10

此时,再输入命令 cordova build ,当出现BUILD SUCCESSFUL等字样后,代表项目已成功生成

 此时可以用几种简单的方式对项目进行测试

  • 浏览器测试

输入命令cordova serve android, 在浏览器中打开相关地址 http://localhost:8000

  • 手机测试

连接手机,选择调试选项,输入命令cordova run android

  • 模拟器测试

输入命令cordova emulate android

5.4项目编辑配置

打开Eclipse,导入刚创建的工程,工程中包含两个项目,一个是CordovaLib,一个是MainActivity。MainActivity为测试项目,CordovaLib 为Cordova 的源代码项目。 首先选择项目属性,设置Android所运行的基础平台。

注意:Cordova 5.1.1 中 CordovaLib 要求运行在 Android SDK 5.1.1, API Level 22或以上,否则某些API将报错,MainActivity 运行的平台版本则可以按需要而设。

一般在Eclipse使用Android Virtual Device (AVD) 虚拟器进行项目测试,在运行测试前,先配置运行环境。选择Target->Manager

按下Create键,配置一台Android虚拟器,用户可根据实际情况配置多台Android虚拟机。

完成配置后,选择Start,启动Android虚拟器

启动调试后,选择你所配置的虚拟机即可运行,在此Cordova的环境部署已经大功告成了,你可以在Eclipse中使用HTML5+Javascript方式完成Android开发了。

回到目录

本章小结

使用Cordova/PhoneGap,应用程序的构建可以无需本地代码,直接使用的是Web技术即可。由于这些API在多个设备平台上是一致的,都是基于HTML5 Web标准创建,因此应用程序的移植很方便。Cordova支持iOS、Android、Blackberry、Windows Phone、Palm WebOS、Bada和Symbian等多个平台,只需要使用平台SDK打包成应用程序,可以从每种设备的应用程序商店下载安装。因此,Cordova将成为未来手机混合开发的新趋势。

参考文章

Apache2.2+Tomcat7.0整合配置详解

Windows Server 2008 R2 负载平衡入门篇

最新版Cordova 5.1.1(PhoneGap)搭建开发环境

作者:风尘浪子

http://www.cnblogs.com/leslies2/p/4819008.html

原创作品,转载时请注明作者及出处

时间: 2024-08-07 11:56:30

Android移动APP开发笔记——最新版Cordova 5.1.1(PhoneGap)搭建开发环境的相关文章

CoolBlog开发笔记第2课:搭建开发环境

教程目录 1.1 CoolBlog开发笔记第1课:项目分析 前言 今天是CoolBlog开发笔记的第2课,我们将要讲解的是开发环境的搭建.俗话说"工欲善其事必先利其器",Django开发中我们选择一些比较好用的开发工具大有裨益. 开发选择的操作系统为win7 x64旗舰版(比较普遍,我也想用Mac),Python版本使用的是3.5.2,Django采用的版本是1.9.8.建议大家Python和Django的版本尽量和我保持一致,这样有了问题也好排查.如果你使用的Python2.7.x,

iOS开发笔记-两种单例模式的写法

iOS开发笔记-两种单例模式的写法 单例模式是开发中最常用的写法之一,iOS的单例模式有两种官方写法,如下: 不使用GCD #import "ServiceManager.h" static ServiceManager *defaultManager; @implementation ServiceManager +(ServiceManager *)defaultManager{ if(!defaultManager) defaultManager=[[self allocWith

使用PhoneGap搭建一个山寨京东APP

为什么要写一个App 首先解释下写出来的这个App,其实无任何功能,只是用HTML和CSS模仿JD移动端界面写的一个适配移动端的Web界面.本篇主要内容是介绍如何使用PhoneGap把开发出来的mobile web app快速打包成Native App.最近还在学习HTML&CSS以及Javascript,偶然想想学这些有什么用,一方面可以做Web系统的前端开发,另一方面也可以做移动端的Web App.刚好最近了解到PhoneGap,研究了一下它的框架平台,花了两个晚上终于把一个web系统变成了

从0系统学Android--1.2 手把手带你搭建开发环境

要想进行程序开发,首先我们需要搭建开发环境,下面就开始搭建环境. 1.2.1 所需的工具 首先 Android 开发是基于 Java 的,因此你需要掌握简单的 Java 语法.会基础的 Java 语法就可以开始. JDK Java 语言的开发工具包,包含了 Java 的运行环境.工具集合.基础类库等 Android SDK Android 的开发工具包,我们进行 Android 开发离不开这个工具包 Android Studio Android Studio 就是我们的开发软件(写代码用的软件)

Android移动APP开发笔记——Cordova(PhoneGap)通过CordovaPlugin插件调用 Activity 实例

引言 Cordova(PhoneGap)采用的是HTML5+JavaScript混合模式来开发移动手机APP,因此当页面需要获取手机内部某些信息时(例如:联系人信息,坐标定位,短信等),程序就需要调用手机内部的API跟页面进行信息交换.Cordova 特别为此定制了完善的解决方案,以方便用户进行程序编辑.在这一章里将为大家逐一介绍Cordova与Actitity通讯的实现原理. 目录 一.CordovaPlugin类简介 二.页面通过 cordova.exec 函数调用 CordovaPlugi

[APP] Android 开发笔记 003

接上节 [APP] Android 开发笔记 002 5. 使用ant release 打包 1)制作 密钥文件 release.keystore (*.keystore) keytool -genkey -v -keystore "release.keystore" -alias "release" -keyalg "RSA" -validity "10000" 这里需要注意的是: -keystore "relea

Android APP开发笔记

环境搭建 windows系统上需要以下软件: android SDK -- app开发工具包, 开发运行环境(包括SDK管理工具,和虚拟设备管理). JDK -- java 开发工具包, 负责app代码编译运行. eclipse -- app开发集成环境, 开发app代码, 编译后在 android SDK上运行调试. ADT -- eclipse 的 android 开发工具插件, 将android SDK植入eclipse. 具体搭建步骤: Android开发环境搭建指南 本文以window

Android开发笔记(一百一十七)app省电方略

电源管理PowerManager PowerManager是Android的电源管理类,用于管理电源操作如睡眠.唤醒.重启以及调节屏幕亮度等等. PowerManager的对象从系统服务POWER_SERVICE中获取,它的主要方法如下: goToSleep : 睡眠,即锁屏. wakeUp : 唤醒,即解锁. reboot : 重启. 另有下列几个隐藏的方法: getMinimumScreenBrightnessSetting : 获取屏幕亮度的最小值. getMaximumScreenBri

Android开发笔记(一百零三)地图与定位SDK

集成地图SDK 国内常用的地图SDK就是百度和高德了,二者的用法大同小异,可按照官网上的开发指南一步步来.下面是我在集成地图SDK时遇到的问题说明: 1.点击基本地图功能选项,不能打开地图,弹出"key验证出错!请在AndroidManifest.xml文件中检查key设置的"的红色字提示.查看日志提示"galaxy lib host missing meta-data,make sure you know the right way to integrate galaxy&