開發 App 用 Native 語言還是 Hybrid 好

catcool

開發 App 用 Native 語言還是 Hybrid 好

◾Native VS Hybrid

Native App：原生語言程式是為了特定的操作系統而編碼，用的也是特定操作系統的開發套件 (Platform SDK), 如 Apple iOS。因此它的性能和工具一向比 Hybrid App 優越。

Hybrid App： 混合語言程式的部份代碼會以 Web 技術編寫，如 HTML5, CSS 和 JavaScript。這些程式都是被包裹在原生容器 (Native Container) 和透過手機上的瀏覽器引擎來呈現 HTML 和執行 JavaScript。 Hybrid App 的優點是一個編碼程式能夠跨越不同的作業平台，不需要為每個操作系統編寫特定的編碼。

該選哪種語言好？

Developers 也因此常徘徊於該選用擁有優越性能和工具的 Native App，還是單碼跨平台的 Hybrid App 的頭痛抉擇裏。究竟有沒有明確的答案顯示哪一個開發語言程式才是最強最佳的代表呢？

其實，隨著手機操作系統不斷的更新，如近期的新版本的 iOS 和 Andriod, 都令手機的 Javascript 運行速度改善了不少。

這種改進令到 Hybrid App 的性能得到相當的提升，而它們的工具設備也日漸成熟了。現在已經有許多成熟又吸引的工具方案，如原生用戶介面 (Native UI) 和裝置應用程式介面 (Device API)，甚至有模擬器 （Simulators）、開發套件管理 (SDK Management)、裝置調試 (on-device debugging) 等等。

看來，人們對 Hybrid App 的開發已認真起來了。

當然， Hybrid App 的方案並不是完美萬能的，Native App 還有些地方是不能被取代，但現在 Hybrid 開發已經證明了它已經不遜於 Native 開發了。

要建造優良的 Hyrbrid App 是需要精心的策劃和考慮到裝置上的網絡平台獨特功能。在你準備向下個 Hybrid App 的大冒險前進時，有幾點是值得留意的：

◾當然，你有選擇自由

Hybrid 和 Native 的爭論，就好像比較着蘋果和橙子哪樣較好，都是沒有贏家的。

就拿開發 Apple iOS Native App 來打過比例，你毋須思索都會自動想到用 IDE (XCode)，一系列的程式庫和 Object-C 編碼程式設計工具 (CocoaTouch, CoreGraphics, CoreData 等) 的開發工具來編寫 iOS Native App。

如果我們把這些豐富的資源去和 Hybrid 用的 HTML, JavaScript 和 CSS 來作比較，這根本就是一件不公道的事！你還沒有把 Hybrid 的跨平台這種優點包括在內呢！

Hybrid 除了能夠單碼跨平台外，還能夠讓你自由地選擇你喜歡的應用程式組合，如整合開發環境 (IDEs), 程式框架 (Frameworks), 程式工具 （tools) 和應用程式服務 (Services)。比起只支援單一平台 Native App，Hybrid App 無疑是更自由和更有彈性的首選。
◾性能是其中的一個設計重點

程式的性能對所有的 Apps 來說是非常重要的一環，可是 Developers 常常把這部份留到最後。就是先把整個應用程式做好再慢慢調整它的性能。對一般的桌上電腦還可以接受，可是在資源和電能都有限的行動裝置上調整性能就會非常困難了。

如何解決這問題呢？答案就是將性能引入初步設計策劃裏，而不是留到最後才開始慢慢調整。

例如你在編碼前已預先計劃了你的 App 將會以 60fps (Frames per second) 運行，那麼你大概需要 17 milliseconds per frame 去執行程式碼和更新用戶界面 (UI)。這樣的時間根本不能提供流暢的運行，還很可能會令你的幀 （Frame） 出現問題呢。為求 Hybrid App 有更好的穩定性，建議採用 30 或 40fps 比較自然的運行速度。

另一個影響 Apps 性能的因素就是用戶界面設計。

影子效果，漸變色層，仿真的修飾設計是可以提高用戶界面仿真度，但也會同時消耗了很多裝置的資源啊。所以在設計用戶界面前先問問自己，這些資源消耗量大的仿真設計是必要的嗎？或是可以用消耗量較少的平面設計呢？




◾從 Native 中學習

想拉近和你對手的距離，就要向他學習和熟悉他的招數。

設計 Hybrid Apps 也應如此的向 Native Apps 學習，嘗試熟悉 Native SDK 的環境反應和模擬它的設定。就拿 Apple iPhone 的滾動屏幕做例子，當你用手指頭在屏幕上下滾動，屏幕上的東西也隨著手指滾動的方向快速地移動。這樣的高性能和反應速度是怎樣做到的呢？就是用 iOS 的 UITableView, 它能夠重複地使用被移出屏幕的單元格 (Table cell)，載入新的資料，然後再次在屏幕的另一邊出現。

這種不斷重複利用單元格的技術叫做 『用戶界面虛擬化』。這種技術給使用者在一個在龐大的資料庫中滾動的假象，其實真正用到資料單元格是很少的。因為用到的單元格不多，所以這種技術能令 App 的運行速度更快速和更節省電力。

你能從上面學到什麼關鍵能用在 Hybrid 上嗎？很多呢！當中就是 UITableView 的單元格滾動技術。把 UITableView 變成 HTML DOM 的元素，用這方法去仿效 UITableView 來用在 Hybrid App 上，那麼 Developers 就能以類似的方式來重複使用或把 DOM 虛擬化來改進 Hybrid App 的滾動體驗了。

Hybrid 的開發是非常吸引的，因為能夠採用你熟悉的網頁技術來建造你的 App。可是這同時也是一個陷阱呢！記住不要把 Hybrid App 當成一個迷你和獨立的網頁來設計啊。建造理想 Hybrid App 的最佳守則就是細心研究和觀察 Native 平台和 SDK 的設計，學以致用再 Hybrid Apps 的開發上。


◾你需要適當的 Hybrid 開發工具

雖然開發 Hybrid Apps 的程式設計工具有很多，但一個優良的工具是會把網頁平台和 Native SDK 之間的的功能差距拉近。這樣子你就不需要擔心性能的問題了，因為這類的工具會在建設 Hybrid App 時把程式的性能元素包括在內。所以利用優良的工具能夠得到與 Native 模式相同的好處。

當然，你也可以自由地選擇適合你的開發工具並成功地建造你的 Hybrid App, 但當跨平台式和 App 的出品時間為你的首要條件時，你就應該選擇更優良開發工具來建造你的 Apps。

一個好的 Hybrid App 是不會在無意間產生的。就如同 Native App 一樣，建造優良的 Hybrid Apps 是需要把設計焦點放在性能和手機獨特的設計模式上。隨著手機網頁技術在近期不斷的提升，現已有很多很棒的跨平台開發工具。只要有稍微的性能設計和有合適的工具，要打造一個華麗的跨平台式 Hybrid App 已是一件輕而易舉的事了。

如果你還在做 Native App 的開發，何不試試跳槽到 Hybrid 來個全新的開發體驗呢？