PhoneGap入門的基本知識

<一> 定義

PhoneGap是一個用基于HTML，CSS和JavaScript的，建立移動跨平台移動應用程式的快速開發平台。

Phonegap是一款開源的開發架構，旨在讓開發者使用HTML、Javascript、CSS等Web APIs開發跨平台的移動應用程式。

PhoneGap基于HTML、CSS和JavaScript的快速開發平台，一次開發可支援iOS、Android、WebOS、Symbian、Windows Phone、Bada和Blackberry7個平台的開源移動架構。PhoneGap XDK是一個完整的開發環境，也可以和其他代碼編輯器一起使用，如Dreamweave 5.5或NotePad++等。

<二> Mac上搭建PhoneGap開發環境:

1> 在App Store安裝Xcode，最新版為7.2.1

2> 安裝node.js環境

官網： http://nodejs.org/

點選【install】，會下載下傳mac的安裝包。正常安裝即可

3> 使用指令行安裝 cordova (是從PhoneGap中抽出的核心代碼，是驅動PhoneGap的核心引擎)

sudo npm install -g cordova

官網： http://cordova.apache.org

指令行幫助： http://cordova.apache.org/docs/en/latest/guide/cli/index.html

4> 使用cordova建立一個新項目:

Use the cordova utility to set up a new project, as described in The Cordova The Command-Line Interface. For example, in a source-code directory:

(1) cd desktop <進入桌面>

(2) cordova create hello com.example.hello “HelloWorld” <在桌面上建立一個hello檔案夾，并建立Cordova工程>

第一個參數是檔案目錄，第二個參數是app id, 第三個參數是顯示的title

(3) cd hello <進入項目檔案路徑>

(4) cordova platform add ios <加入iOS平台這裡的平台名稱的 輸入 要與 cordova platform list 清單的保持一緻>

(5) cordova build # or “cordova prepare” <編譯>

5> 如何在Xcode中編譯phoneGap平台開發的應用程式：

利用指令行建立一個Cordova應用工程，然後進入該工程的檔案路徑，将檔案路徑中的www檔案夾删除，替換成phoneGap開發的應用的www檔案; 然後加入iOS平台，最後進行編譯，大功告成！！！

如果 在添加iOS平台出現錯誤：

Error: Platform “iOS” not recognized as a core cordova platform. See

cordova platform list

.

解決方案: 需要更新 cordova版本

在指令行輸入： npm install -g cordova