Phonegap學習筆記(1)--安裝教學3.0(或更新版本)

Phonegap 學習記錄筆記

因為老闆想要開發公司自己的APP，但本身我自己只會寫網頁

所已找了一些資源之後，就看到Phonegap這套軟體

可以直接將寫好的網頁打包成APP上架使用，而且還提供多個平台(Android、IOS、M$....)

看起來好像真的挺不錯的!!又不需要再多學一套語言

首先Phonegap官網提供了看似非常簡單的安裝發法，可是看完根本裝不起來，於事就Google看了一下到底怎麼安裝，然後紀錄以下以免以後要安裝又忘記

一、安裝環境必須要的檔案 (當時安裝環境 => Wind7)

    1.安裝 Java

    2.安裝 Java JDK

    3.安裝 NodeJs (會一併安裝 npm)

   4.安裝 Apache Ant

    5.安裝 android 的 SDK

二、設定環境變數

    我的電腦=>右鍵=>變更設定=>進階=>環境變數

    1.在上方使用者變數新增環境變數

        變數名稱:  JAVA_HOME

        變數值:C:\Program Files\Java\jdk1.8.0_05

        變數名稱:  ANT_HOME

        變數值:C:\Program Files (x86)\apache-ant-1.9.3(根據自己壓縮的目錄修改)

    2.在下方系統變數的Path按下編輯

    保留原本的值，在原本的後面加上;%JAVA_HOME%\bin\;%ANT_HOME%\bin\;SDK安裝目錄\tools\;SDK安裝目錄\platform-tools\

三、

    測試環境變數是否都成功安裝設計完成

C:\> java -version
C:\> ant -version
C:\> adb version
C:\> emulator -version

四、透過npm安裝Phonegap

        安裝Phonegap

C:\> npm install -g phonegap
C:\> npm install -g cordova

         檢查是否成功安裝

C:\> phonegap -version
C:\> cordova -version

        建立Phonegap新專案

C:\>phonegap create my-app
C:\>cd my-app
C:\>phonegap run android

五、開啟專案

     www              : HTML5 ; CSS ; JS等程式都會寫在這個資料夾底下

     plugins          : 存放的是phonegap插件例如拍照功能等插件都下载到這裡安裝 

     merges          : 沒用過不清楚

     platforms      : 編譯好的android文件，(如果這個資料夾是空的,在執行一次phonegap run android就可以)

     .cordova        : 配置文件 

     執行專案目前我有兩種方式
     1.將專案import到Eclipse裡面，再透過Eclipse去執行程式
     2.安裝好手機模擬器或是手機直接接上USB，然後到cmd底下執行
   

$ phonegap run android

這樣大致上就完成安裝了!!