phoneGap创建android应用

最新推荐文章于 2025-06-08 09:41:50 发布

原创最新推荐文章于 2025-06-08 09:41:50 发布 · 582 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍使用Cordova进行跨平台应用开发的步骤，包括Java环境配置、Android SDK安装、Node.js设置等，并介绍了如何创建应用、添加平台及插件。

1 安装java环境，配置path，classpath,cordova build的时候需要安装ant，同样需要配置path 和classpath。

要开发安卓的话，需要下载。安卓的sdk。

配置安卓的path（否在在cordova paltform add android的时候会报错）

(为了以后备份方便和平台的转移，一并提供工具的下载地址。在网上找这些东西还费了好多劲)

1.1 安装java

jdk1.7 下载地址

配置环境变量:

PATH: C:\JAVA_1\bin;

CLASS_PATH：C:\JAVA_1\lib;

1.2 安装ant

ant最新的下载地址

配置环境变量:

PATH: C:\ant\apache-ant-1.9.4\bin

CLASS_PATH：C:\ant\apache-ant-1.9.4\lib

1.3 安装安卓.sdk

下载地址:由于网络的限制（你懂的），在安卓官网上市没办法下载的（如果实在有需要这里提供工具，让你能够透墙）。

配置环境变量:

ANDROID_HOME:D:\adt-bundle-windows-x86-20140321\adt-bundle-windows-x86-20140321\sdk

PATH:%ANDROID_HOME%\tools;

=========================

2 安装nodeJs 配置path

配置:

path: D:\nodeJs\;

=========================

3 安装git（下载一些插件的时候需要到github上copy）

=========================

4 安装cordova CLI工具

$ npm install -g cordova

========================

5 创建自己的应用

$ cordova create hello com.example.hello HelloWord // 创建目录

$ cd hello //进入目录

$ cordova platform add android //添加支持的平台

$ cordova platform add ios

$ cordova platform add amazon-fireos

$ cordova platform add blackberry10

$ cordova platform add firefoxos

$ cordova platform remove firefoxos //移除支持的平台

$ cordova platform rm amazon-fireos

$ cordova platform rm blackberry10

    $ cordova platforms ls //查看所有支持的平台

    =====经过以上的步骤,实际上生成了一个简单的架子。home page放在 www/index.html ，已经一些deviceready后执行的js www/js/index.js（附上项目目录的截图）

    ===下一步，在不同的平台目录下构建应用了

$ cordova build //构建所有平台

$ cordova build ios //构建指定平台的应用了

=================================

5 启动模拟器

$ cordova emulate android

=================================

6 运行测试应用(可以直接运行例子程序)

$ cordova run android

================================

7 添加插件

$ cordova plugin add org.apche.cordova.device //添加设备插件,可以到官网上查找， http://docs.phonegap.com/en/3.5.0/guide_cli_index.md.html#The %20Command-Line%20Interface

有些是实在记不住的插件：

    $ cordova plugin search bar code  //通过search命令搜索关键字

    com.phonegap.plugins.barcodescnner - Scans Barcodes

    phoneGap社区有大量的插件，插件式的组件不断的丰富phoneGap的功能。另外，开发一个插件也是十分容易的，可以再github上关注这些。

phoneGap提供的部分插件:

Battery Status: 电池

Camera:相机

Contacts:通讯录

Device:设备信息

Device Motion(Accelerometer):加速度计

Dialogs:对话框

FileSystem:文件系统

File Transfer ：文件传输（上传下载）

Geolocation:定位

Globalization:全球化

InAppBrower:内嵌浏览器(嵌入外部页面的很好用)

Media:媒体(audio)

Media Capture:摄像机

Network Information(Connection):网络

Splashscreen:过渡页

Vibration:震动

看到这么多的插件，有没有好激动啊。几乎是只能手机的实用功能的最大子集，已经很全面了。实在满足不了可以自己开发。

===========================

8 接下来你就可以开发你的跨平台的app了

前端UI框架的选择:

jquery mobile,appframework(jquery 开源,需要结合一些富应用的js库,angularJs ember avlon backbone（underscore）和一些模板工具js)

Sencha touch (ext 需要付费使用)，kendo ui

==========================

9 测试，推荐云测平台。

==========================

9 ios开发介绍: 地址