跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld

1.    建立专案(cordova)

打开cmd命令行

cordova create ACESMobile aces.mobile ACES

cd acesmobile

如图

跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld_第1张图片

2.    安装插件

cordova plugin add命令需要您指定的外掛程式代碼的存儲庫。以下是您可能會添加的功能的示例:

·            基本設備資訊 (設備 API):

 cordova plugin add org.apache.cordova.device

·            網路連接和電池事件

 cordova plugin add org.apache.cordova.network-information
 cordova plugin add org.apache.cordova.battery-status

·            加速度計、 指南針、 和地理定位

 cordova plugin add org.apache.cordova.device-motion
 cordova plugin add org.apache.cordova.device-orientation
 cordova plugin add org.apache.cordova.geolocation

·            相機、 媒體重播和捕獲

 cordova plugin add org.apache.cordova.camera
 cordova plugin add org.apache.cordova.media-capture
 cordova plugin add org.apache.cordova.media

·            訪問設備或網路 ( API) 上的

 cordova plugin add org.apache.cordova.file
 cordova plugin add org.apache.cordova.file-transfer

·            通過對話方塊或振動發出通知

 cordova plugin add org.apache.cordova.dialogs
 cordova plugin add org.apache.cordova.vibration

·            連絡人

 cordova plugin add org.apache.cordova.contacts

·            全球化

 cordova plugin add org.apache.cordova.globalization

·            閃屏(启动画面):

 cordova plugin add org.apache.cordova.splashscreen

·            打開新的瀏覽器視窗 (InAppBrowser):

 cordova plugin add org.apache.cordova.inappbrowser

·            調試主控台:

 cordova plugin add org.apache.cordova.console
跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld_第2张图片

3.    添加android平台

cordova platform add android

4.    编译

cordova build android

编译所有平台:
cordova build

跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld_第3张图片

5.注意事项

源碼修改後,要執行平台刪除(用命令刪除後,再重新編譯:注意一定不能在windows下手動刪除,否則編譯後不能用)

如图的删除方法是错误的

跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld_第4张图片


cordova platform rm android

跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld_第5张图片

6.      用Android ADT打开调试

 跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld_第6张图片跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld_第7张图片跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld_第8张图片

修改AndroidManifest.xml

跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld_第9张图片

执行调试

跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld_第10张图片


7.    搜索插件

cordova plugin search bar code

    com.phonegap.plugins.barcodescanner -ScansBarcodes

8.    删除插件

     cordova plugin rm org.apache.cordova.console
     cordova plugin remove org.apache.cordova.console   

你可能感兴趣的:(cordova,phonegap,android平台,移动开发,phonegap,build)