發表文章

目前顯示的是 11月, 2013的文章

使用 Cordova 3.0 做Hybrid App 就上手

圖片
所謂Hybrid App : 混合式應用程式 (Hybrid App) 開發在此指的是,以一般以 Web App 方式開發用戶端程式,但最後可在 包裝後像 原生 App 一樣上架至應用程式商店的作法 。  Cordova (前身為Phonegap )近期發佈了3.0的版本, 這次做了蠻大的一個創新 使用CLI (Command line interface) 好處是一切透過終端機下命令來執行, 解決了以往繁瑣的初始化步驟 (久了就會忘記怎麼裝的Orz) 輕量化的核心,有需要用的套件再引入即可 透過下載的方式安裝套件ex:透過Github的網址下載open source plugin. 看著Cordova頻繁的更新版本,讓我對於Hybrid app 開發又更有信心了 使用Cordova cli 步驟 需要安裝 node.js  nodejs.org  有詳細的安裝流程說明 安裝cordova 工具 $ sudo npm install - g cordova 安裝好以後會看到以上畫面 接著建立你的app resource 在你的工作目錄內建立你的 app  空的資料夾 $ cordova create hello com . example . hello HelloWorld 安裝的過程可能會花費一點時間,可以先喝杯咖啡~ 參數說明: hello -  你的資料夾路徑 com.example.hello - 反轉的網址是提供你的專案作為識別這裡先隨便打即可 HelloWorld -  就是在手機裡面顯示的app 名稱 當然以上的參數 在於app 專案建立後  都是可以修改的 接下來你需要安裝發佈的平台: 所以先切換回根目錄 $ cd hello 然後選擇你要的平台一一輸入: $ cordova platform add ios $ cordova platform add android $ cordova platform add blackberry10 $ cordova platform add firefoxos 可以透過這個指令列出已經安裝過的平台 $ cordova platforms ls 當然你也可以移除他 $ cordova