Corodva怎么使用

浏览:1699 发布日期: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



评论(26 相关
回复 手机贷 2017-02-24
手机贷 信用卡贷款、借钱、贷款,额度灵活到账快!
能看懂么?
回复 宜人贷 2017-02-24
不错啊,学习啦。
回复 瑞波币 2017-05-28
瑞波币:http://www.myeach.com 瑞波币ripple很众多银行已经合作
支持
写得很好 继续支持
感谢分享, 学习了
感谢分享 继续支持
写得很好 内容很精彩
第一个hello是项目文件夹名
感谢分享 继续支持
写得很好 内容很精擦
写得很好 很适合年轻人学习
学习了 很受用
感谢分享 继续支持
用户体验很重要
感谢分享 继续支持
写的很好 很喜欢
文章内容写的很精彩
内容精彩 值得学习
博主分享的不错的啦,学习了不少,文章很好收获很大
内容精彩 感谢分享
文章不错 点赞支持一下
文章写的不错,支持支持
非常好 值得学习分享
非常不错 值得学习分享

发表评论

必填

选填

选填