PhoneGap筆記-01 基本使用

1. 環境配置

1.1 經常使用框架

• jQuery
• Backbone.js
• dojo
• bootstrap
• kendo UI
• Sencha
• jQuery Mobile
• PhoneJS
• AngularJS
• ICENIUM

1.2 Node.js

下載並安裝nodejs

1.3 iOS

下載Xcode
打開Xcode

1.4 Android

將E:\adt\sdk\platform-tools和E:\adt\sdk\tools加入到環境變量中去。

2 安裝PhoneGap

2.1 安裝PhoneGap

npm install -g phonegap

安裝事後經過phonegap -v看是否安裝成功

2.2 安裝cordova

npm install -g cordova

經過cordova -v來查看是否成功

通常安裝phonegap便可

3 使用PhoneGap和Cordova

3.1 建立項目

>phonegap create project_name project_id display_name

或者使用cordova建立：

>cordova create project_name project_id displayname

3.2 應用結構

• hooks
• platforms:平臺
• plugins: 插件
• www：應用代碼目錄

3.3 build

>phonegap build android
>phonegap build ios

或者使用cordova命令

>cordova platform add android
>cordova build android

>cordova platform add ios
>cordova build ios

>cordova build

若是想要移除某個平臺

>cordova platform remove android

4 測試

4.1 iOS測試

>sudo npm install -g ios-deploy
>sudo npm install -g ios-sim 
>phonegap run ios

4.2 Android測試

>phonegap run android

4.3 cordova

>cordova run android

5 插件

5.1 安裝插件

>phonegap plugin add org.apache.cordova.device

或者直接使用url

5.2 移除插件

>phonegap plugin remove org.apache.cordova.device

5.3 查看安裝的插件

>phonegap plugin list

6 合併

7 Hooks

before_prepare, before_build, before_install, 等
after_prepare, after_build, after_build, etc

>cordova prepare

8 編譯部署

8.1 phoneGap build

>phonegap remote login -u username -p password
>phonegap remote build android

8.2 phonegap serve

>phonegap serve #能直接運行

9 下一步

• grunt-phonegap