使用 Cordova 3.0 做Hybrid App 就上手

作者： -

所謂Hybrid App :

混合式應用程式 (Hybrid App) 開發在此指的是，以一般以 Web App 方式開發用戶端程式，但最後可在包裝後像 原生 App 一樣上架至應用程式商店的作法。 

Cordova （前身為Phonegap )近期發佈了3.0的版本, 這次做了蠻大的一個創新

  1. 使用CLI(Command line interface) 好處是一切透過終端機下命令來執行, 解決了以往繁瑣的初始化步驟 (久了就會忘記怎麼裝的Orz)
  2. 輕量化的核心,有需要用的套件再引入即可
  3. 透過下載的方式安裝套件ex:透過Github的網址下載open source plugin.
看著Cordova頻繁的更新版本,讓我對於Hybrid app 開發又更有信心了

使用Cordova cli 步驟

  1. 需要安裝 node.js nodejs.org 有詳細的安裝流程說明
  2. 安裝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 platform remove blackberry10
$ cordova platform rm android

Build App

$ cordova build
或是建立特定的平台
$ cordova build ios
cordova建立app是一個簡短命令
當然也可以使用以下命令是針對單一的平台
$ cordova prepare ios
$ cordova compile ios
在這個狀態下你執行 prepare 可以使用 apple Xcode 的 sdk 用來修復或是重新編譯cordova
所產生的代碼,其他的平台也是如此

當你看到

“ios”complied successfully 就代表完成了！如下圖



然後你可以在  hello 的資料夾內看到你的 app 已經部署完成
www資料夾 底下就是你要放的html css js images....



最後會看到模擬器 / 或是build 到手機以後成功的畫面示意圖如下:



附上參考原文網頁 cordova 3.1 doc

留言

張貼留言

這個網誌中的熱門文章

[心得] 圖解 微分、積分生活中的微積分-第一章

作者： -
這本書應該是目前看過教微積分最白話的書藉。 記得以前只要聽到微積分就覺得非常的害怕，而且這科也是被當最多次的，對於非理科學生還要上微積分真的是很痛苦，而這也是求學階段最害怕的一門課之一。 而隨著時間的推移有時工作上會用到微分，才開始對這個有一些認識，了解到說學了微積分後是能夠做什麼，例如 : 經濟相關的計算、物理運動上的計算，當然還有現最熱門的機器學習也有用到。 在這本書的第一章概略的提到積分與微分的不同，而且用了生活上的東西來描述這兩個是怎樣的概念。 微分 : 用拍照的過程來描述， "時間" 對 "揮動雙手的朋友" 做微分= "朋友揮動雙手的瞬間樣貌"，用意在於求瞬間的變化量。 另外也有提到將地球看成一個平面圓形時，對圓形半徑做微分，就是求腳下這一點的切線。 積分: 控制料理的火候、用時間對火力做積分而得到適當的熱度。 在這本書中用了幾個生活中的例子，可以比較容易的認識這兩個是什麼，目前讀完第一章覺得還滿有趣的。
閱讀完整內容

Objective-C的數學運算函式

作者： -
在寫程式的時候，常常需要用到一些數學運算，這邊整理一下常用的。 pow(x,y) : x 的 y 次方 sqrt(x) : x的平方根 floor(x) : 小於 x 的最大整數 ceil(x) : 大於 x 的最小整數 exp(x) : e 的 x 次方 log(x) : 以 e 為底 x 的對數值 log10(x) : 以10為底 x 的對數值 abs(x) : 整數 x 的絕對值 fabs(x) : 浮點數 x 的絕對值 srand(x), rand() : 產生亂數
閱讀完整內容

c# 把List中重復的資料去掉

作者： -
using System; using System.Collections.Generic; using System.Linq; class Program { static void Main() { // List with duplicate elements. List<int> list = new List<int>(); list.Add(1); list.Add(2); list.Add(3); list.Add(3); list.Add(4); list.Add(4); list.Add(4); foreach (int value in list) { Console.WriteLine("Before: {0}", value); } // Get distinct elements and convert into a list again. List<int> distinct = list.Distinct().ToList(); foreach (int value in distinct) { Console.WriteLine("After: {0}", value); } } } Output Before: 1 Before: 2 Before: 3 Before: 3 Before: 4 Before: 4 Before: 4 After: 1 After: 2 After: 3 After: 4
閱讀完整內容