Cordova 非CLI的环境搭建(WIN+ANDROID)

来源:互联网 发布:淘宝财务管理软件 编辑:程序博客网 时间:2024/04/28 00:59
赞一下,侃船老湿的handout总结的简单而且易理解。直接拿来翻一下分享给正在学手机开发的童子们。

如何配置ADT,如何使用安卓模拟器,请百度先。建议还是使用真机测试。
(CLI环境搭建请参考 连接 http://rensanning.iteye.com/blog/2016364)

以下环境搭建的思想就是,在ADT里先创建一个自己的安卓空白项目,再导入一个cordova默认安卓项目。将cordova项目中的一些关键文件复制到自己的安卓项目。然后配置自己安卓项目的main activity java代码,建立WWW文件夹和WEB首页,之后就可以生成APP导入虚拟机或真机测试了。
对于对CLI(command-line tools)不熟悉的童鞋们,这个搭建过程比较直观一点。

一、在ADT创建新安卓项目(过程略)
假设您创建的安卓项目名称为:MyFirstApp

二、导入Cordava项目模版,下载Cordava发布包

1. 发布包下载地址:http://archive.apache.org/dist/cordova/ ,解压到指定地址

2. 找到进入解压文件夹 "cordova-3.4.0".找到压缩文件并解压: "cordova-android.zip".(此为cordova的安卓DEMO项目)

3. 返回 Eclipse ADT.导入项目,选择解压的"cordova-android.zip"文件夹。导入时记得选择"Copy projects into workspace"。

4.导入完成后,在导入的CORDOVA项目中的bin文件夹内,有"cordova.jar"文件。


三、在已有的自定义安卓项目中(第一步),集成cordava(复制项目模版下的相关文件到MyFirstApp)

1. 右键点击MyFirstApp项目,并创建普通文件夹:assets, 在该文件夹下创建子文件夹:www

2. 复制Cordova项目中assets\www\下的"cordova.js"文件到"MyFirstApp"项目下的assets\www\中。

3. 复制Cordova项目中的bin文件夹内d "cordova.jar"文件到"MyFirstApp"项目下的libs下(libs文件夹如果没有就自己创建),并导入到Build Path

4. 复制Cordova项目中的"res"文件夹下的"xml"文件夹到"MyFirstApp"项目下的"res"文件夹下。

5. 复制页面代码到MyFirstApp项目下:MyFirstApp\assets\www\...


四、调整"MyFirstApp"项目入口Java文件代码(main Activity)

1.打开MainActivity.java,导包:import org.apache.cordova.DroidGap;

 

2.修改onCreate方法:

Cordova <wbr>非CLI的环境搭建(WIN+ANDROID)


3.修改AndroidManifest.xml文件,给安卓app增加internet权限:

 Cordova <wbr>非CLI的环境搭建(WIN+ANDROID)

4. 运行MyFirstApp项目进行测试。

Cordova <wbr>非CLI的环境搭建(WIN+ANDROID)

0 0
原创粉丝点击