iT邦幫忙

DAY 1
2

開發 Mobile 手機的新一代霸主-ionic framework系列 第 1

初探 ionic framework

  • 分享至 

  • xImage
  •  

Mobile 現況

目前依市場佔有率來看,大致上以 iPhone 及 Android 為居多。也因此開發iPhone及iPad native 則選擇使用 Objective-C CocoaTouch Framework ,而開發 Android native 的選擇 Java Android Framework。若是一間公司想要同時開發一個兼具 iOS及Android的APP相對開發成本及維護成本是非常高的。

近幾年來瀏灠器(Browser)的興起,帶動了許多前端開發的技術愈來愈被重視,所以原本大家以為沒什麼的HTML、CSS及 JavaScript ,也開發在這幾年飛速的發展了起來。各家Browser 也開發都支援大多的HTML5與CSS3。因此 iPhone 及 Android 上的瀏覽器對於 HTML5 及 CSS3 的支援愈來愈好。原本在必須要native才能達到的效果,現在CSS3 就可以完成了。

原生開發技術固然重要,但若是要達到有接近相同效果的現在有了另一個選擇,就是使用市面上的一些開發工具,大致分二類,第一類大多是要學習該開發工具的操作,開發程式完畢,可以編譯成各家的原生工具,包括 iOS及Android。第二類是撰擇HTML5、CSS 的開發技術,開發的方式與Web Base 接近,所以也越來越多人選擇這一類的開發。

native 及 非native 開發工具的現況

目前簡單的整理一下,採取非原生開發的有以下幾種

Titanium

語言 : UI使用 自訂的 XML 及Native Javascript

優點:跨平台、編譯成 native code、速度快

缺點 : 使用自訂 xml , 封閉的語法線上資源薄弱且編譯超慢。
不能使用 JS Framework,大型 APP ,可能會有維護上問題

PhoneGap

語言: Javascript 、CSS、Html,可以使用任何的 Framework
優點 : Html5 + CSS3 線上資源多,在網頁上看到的效果,都可以移植到系統。
可以搭配各種 ui framework ( ionic bootstrap )
開放的 「標籤語法」,學習成本較低。未來性較好。
開發速度快,容易客製。

缺點: 速度較慢 。

Xamarin

語言: C#
優點 : 跨平台、編譯成 native code、速度快

缺點: Xamarin 的 API 沒有完全覆蓋所有的功能。仿照 Xcode 的 IDE,不如直接用 Xcode。標明使用 ms VisualStudio,實際上還是需要一台 MAC + XCODvE Compile

ionic Framework 介紹

為了要開發快速及可以同時在iOS及Android上都可以使用,加上我喜歡AngularJS 於是我選擇了ionic framework。
ionic = Codova + AngularJS +Sass

簡單的對這三個工具做個簡單的介紹

  1. Codova 是一個行動設備的API介面集,利用JavaScript存取這些介面可以調用諸如攝影機、羅盤等硬體系統資源。配合上一些基於HTML5CSS3技術的UI框架。
    2. AngularJS 由Google所推出來的一套前端JavaScript框架。它的目標是透過MVC模式 (MVC) 功能增強基於瀏覽器的應用,使開發和測試變得更加容易。
  2. Sass 是寫css樣式表的一個程式語言,語法跟css一樣(但多了些功能),比css來得好寫,且來得更容易閱讀

看完以上是否對於開發ionic framework有興趣了呢,接下來的幾篇會由淺入深的逐一介紹ionic framework工具。


下一篇
安裝 ionic framework
系列文
開發 Mobile 手機的新一代霸主-ionic framework30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
adonismis
iT邦新手 3 級 ‧ 2015-10-20 16:53:53

剛好在學習,感謝提供這麼詳細的教學

我要留言

立即登入留言