Android移动APP开发笔记——最新版Cordova 5.3.1(PhoneGap)搭建开发环境
引言
一、软件下载
二、JDK安装部署
三、Android SDK 安装部署
四、Cordova/PhoneGap 安装部署
五、建立Cordova 测试项目
一、软件包下载
运行环境:Windows 7
- JDK 7 下载:http://www.oracle.com/technetwork/java/javase/downloads/index.html
- Android SDK 下载:http://android-sdk.en.softonic.com/
- ADT-23.0.6下载:http://tools.android-studio.org/
- Node-v4.1下载:https://nodejs.org/dist/latest/node-v4.1.0-x64.msi
- 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 对 Android SDK 的版本是有要求的,如果需要控制所安装的版本,可使用命令
npm install -g 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
同时,也可使用以下命令控制所生成实例的 Android SDK 运行环境
cordova platform add android@**** (版本号)
此时,再输入命令 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.3.1 中 CordovaLib 要求运行在 Android SDK 5.1.1, API Level 22或以上,否则某些API将报错,MainActivity 运行的平台版本则可以按需要而设。
另外,JDK 1.7要求Android SDK 版本为API Level 17或以上,若选择运行16或者以下运行环境,系统将会出现以下错误。此时可设置项目属性,把运行环境设计为JDK 1.6 以解决问题。
一般在Eclipse使用Android Virtual Device (AVD) 虚拟器进行项目测试,在运行测试前,先配置运行环境。选择Target->Manager
按下Create键,配置一台Android虚拟器,用户可根据实际情况配置多台Android虚拟机。
完成配置后,选择Start,启动Android虚拟器
作者:风尘浪子
http://www.cnblogs.com/leslies2/p/4819008.html
原创作品,转载时请注明作者及出处
Android移动APP开发笔记——最新版Cordova 5.3.1(PhoneGap)搭建开发环境相关推荐
- 麒麟系统开发笔记(一):国产麒麟系统搭建开发环境之虚拟机安装
若该文为原创文章,转载请注明原文出处 本文章博客地址:https://hpzwl.blog.csdn.net/article/details/123045165 红胖子(红模仿)的博文大全:开发技术集 ...
- 麒麟系统开发笔记(二):国产麒麟系统搭建Qt开发环境安装Qt5.12
若该文为原创文章,转载请注明原文出处 本文章博客地址:https://hpzwl.blog.csdn.net/article/details/123840699 红胖子(红模仿)的博文大全:开发技术集 ...
- Android自学笔记(番外篇):全面搭建Linux环境(一)——前期准备工作
本系列教程旨在记录针对Linux下搭建Android开发环境的整个过程,采用[size=large][b]VMware7.1.3+Ubuntu10.04(LTS)[/b][/size]的方式搭建Lin ...
- C#开发笔记,点点细微,处处真情,记录开发中的痛点
该文章的最新版本已迁移至个人博客[比特飞],单击链接 C#开发笔记,点点细微,处处真情,记录开发中的痛点 | .Net中文网 访问. 概述 本系列文章将会向大家介绍本人实际开发过程中所遇到技术点和心得 ...
- C#开发笔记,点点细微,处处真情,记录开发中的难言之隐
该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/956 访问. 概述 本系列文章将会向大家介绍本人实际开发过程中所遇到技术 ...
- 【Visual C++】游戏开发笔记二十五 最简化的DirectX 11开发环境的配置
本系列文章由zhmxy555(毛星云)编写,转载请注明出处. http://blog.csdn.net/zhmxy555/article/details/7672101 作者:毛星云 邮箱: happ ...
- 易课寄在线购课系统开发笔记(三十三)--完成购物车系统的开发
购物车的实现 功能分析 1.购物车是一个独立的表现层工程: 2.添加购物车不要求登录,可以指定购买课程的数量: 3.展示购物车列表页面: 4.修改购物车课程数量: 5.删除购物车课程. 工程搭建 ec ...
- Serverless 开发,基于 IoT物联网 + 表格存储DB + DataV 搭建实时环境监控大屏
今天给大家带来基于阿里云 IoT 物联网平台 + Tablestore 表格存储数据库 + DataV大屏 三大云产品组合搭建实时环境监控大屏的开发实战. 少啰嗦,先看效果. 部署后效果 1.技 ...
- Android应用APP脱壳笔记
[TOC] 天下游 模拟定位技术点简析 通过代码分析初步猜测模拟定位用到的几处技术点: 获取了Root权限 通过反射获取 android.os.ServiceManager 对应的函数 getServ ...
最新文章
- mongoose的基本操作
- Winform中实现根据CPU和硬盘获取机器码
- enum to IEnumerableT
- api postmain 鉴权_认证鉴权与API权限控制在微服务架构中的设计与实现(一)
- ubuntu磁盘分区问题
- 多媒体计算机的信息类型,多媒体信息主要有几种类型
- Keras搭建M2Det目标检测平台(转载)
- java开发中索引越界异常怎么办?
- 巧妙突破大容量邮箱附件大小限制(zz)
- 如何把一个eclipse安装包放到eclipse中
- 计算机程序设计基础梁建坤,云浮工匠梁建坤:无怨无悔 不忘初心
- ​​insecure-configuration --复现
- JS判断当前手机类型
- C++ CURL使用
- c语言:“有一个已排好序的数组,要求输入一个数后,按原来的规律将它插入数组中” 的程序分析及详细代码
- 【python爬虫 系列】1.理解网络爬虫
- 瑞萨 RA MCU 基础知识
- python开发培训的报价
- 5款开源云计算平台推荐
- 关于NetBios的简单应用