Corodva怎么使用

浏览:1074 发布日期:2016/10/25 分类:js框架 关键字: codova codova打包

下面讲的是创建一个PhoneGap/Corodva项目,然后打包成apk安装包 的一般方法。与以后讲Sencha touch+PhoneGap/Corodva的开发有少许不同。

1、打开cmd,把盘符转到想要创建项目的目录,比如 
[plain] view plain copy
  1. D:\  



2、创建项目
运行命令:
[plain] view plain copy
  1. phonegap create hello com.pushsoft.hello Hello  

[plain] view plain copy
  1. cordova create hello com.pushsoft.hello Hello  

第一个hello是项目文件夹名,此处就是D:\hello,在此文件夹下会生成www子目录作为主页面存入目录,包括有css,js和img资源。 其中config.xml包括了重要的资源描述和项目配置信息.
com.pushsoft.hello是包名,即命名空间,学过java的应该都知道,这个参数是可选的
第三个Hello是程序(app)名字


3、后续操作都要在创建的项目目录下进行,执行:
[plain] view plain copy
  1. cd hello  



4、编译
运行build命令,输入不同平台标识,生成不同平台下的相应文件。
如下以android设备为例:
[plain] view plain copy
  1. D:\hello> phonegap build android  

[plain] view plain copy
  1. D:\hello> cordova platform add android  

  2. D:\hello> cordova build android  


要查看详细(verbose)执行过程,可增加命令参数-V :
[plain] view plain copy
  1. D:\hello> phonegap -V build android  

[plain] view plain copy
  1. D:\hello> cordova platform add android  

  2. D:\hello> cordova -V build android  

之后可以看到D:\hello\platforms\android里出现Android项目,这个项目可以用eclipse或android  studio打开。


5、编译并运行(相当于上面build和install两步骤操作)
[plain] view plain copy
  1. D:\hello> phonegap run android  

[plain] view plain copy
  1. D:\hello> cordova run android  


也可用参数e专门指定运行在模块器上:
[plain] view plain copy
  1. D:\hello> phonegap -e run android  

[plain] view plain copy
  1. D:\hello> cordova -e run android  





附录:如果需要为webapp提供一些调用原生api或设备的功能,比如摄像头、电池信息、访问文件、读取通讯录等,需要为phongap项目添加phonegap插件。
添加插件的方法(确保已经安装了Git)
cmd执行下面的命令,即可添加对应功能的插件,下面是官方完整的插件列表,我直接拷贝过来,可能会有变化:


Basic device information 基本设备信息:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git

Network and battery status 网络和电池状态:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-network-information.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-battery-status.git

Accelerometer, compass, and geolocation 加速度计、指南针和地理位置:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-device-motion.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-device-orientation.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git

Camera, media capture, and media playback 摄像头、网页摄像头和多媒体播放:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-media-capture.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-media.git

Access files on device or network 访问本地或网络文件:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-file-transfer.git

Notifications via dialog box or vibration 提示框通知或震动:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs.git
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-vibration.git

Contacts 通讯录:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-contacts.git

Globalization 全球化 多语言:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-globalization.git

Splash Screen 启动画面:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-splashscreen.git

In-app browser App内嵌浏览器:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

Debug console 调试控制台:
phonegap local plugin add http://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git    


下面是一些非官方的插件:

前端开发QQ群:577185192

1476844455471.png



评论(4 相关
回复 手机贷 2017-02-24
手机贷 信用卡贷款、借钱、贷款,额度灵活到账快!
能看懂么?
回复 宜人贷 2017-02-24
不错啊,学习啦。
回复 瑞波币 2017-05-28
瑞波币:http://www.myeach.com 瑞波币ripple很众多银行已经合作

发表评论

必填

选填

选填