使用Phonegap撰寫手機跨平台APP-簡單上手版

現在手機App的使用率漸漸變高了

逐漸取代了原本大多人上網的習慣

而以前開發APP需要分不同平台重新開發不同APP(例如:Android、iOS、Windows)

現在只需要寫一次APP就能自動建立成多種不同平台的APP安裝檔

我來介紹其中一種叫Phonegap的開發環境 是Adobe公司的程式

撰寫的語言是HTML與Javascript

可以透過它內建的Javascript的API來使用手機基本功能(例如:GPS、相機功能)

下面來介紹如何開始第一個APP

首先我們先到Phonegap的官方網站:http://phonegap.com/

點選Install PhoneGap

它有提供command line安裝Phonegap環境的方法

但此篇為簡單上手篇 就不教如何用command安裝了

我們點選下方藍字的PhoneGap Desktop App

接著會到它的其中一篇文章 其中有一項Get the App 依你使用的作業系統下載

下載完後解壓會有以下這些檔案,點選PhoneGap來開啟程式

剛開始程式是沒有任何專案的

我們點左上的+號新增專案

然後選擇專案要存的位置、專案名稱以及此APP的ID

此ID為上傳到App store或是GooglePlay會有用到的ID

建立完後會產生一個專案,並且下方會有綠色的字寫網址 記下此IP網址

可以透過電腦瀏覽器開啟此IP網址就可以看到APP的樣子

但是電腦瀏覽器是不能夠使用像是手機相機或是GPS的功能

為了正確使用手機的功能 手機需安裝PhoneGap Developer(目前只有Android以及iOS版本)

安裝完開啟APP會顯示要我們輸入IP網址 輸入我們剛剛看到的IP網址

接著就能夠用手機查看目前APP的樣子

而程式是用html撰寫的 可以用撰寫html的工具開啟專案進行修改

其中程式一開始進入的地方為index.html

只要專案資料有變動,PhoneGap Developer上的畫面會即時更新

如果想要查看Phonegap的API與使用方法可以在此查看:http://docs.phonegap.com

 

發表迴響