在上一篇 Hybird App（一）—-第一次接觸 文章中，詳細的介紹了現階段手機APP的三大類，而Hybrid app結合Web app和Native app的優點，脫穎而出，變得越來越流行。下面就說說在開發過程中我們主要應用到的技術。混編APP主要是在Cordova的基礎上，加入移動端元件Ionic，因為Ionic是基於Angular.Js編寫的，所以，要求頁面前端使用Angular.JS取代Jquery。

主要應用技術

Node.Js

    Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型，使其輕量又高效。Node.js 的包管理器 npm，是全球最大的開源庫生態系統。

Cordova

    Cordova是一款開放原始碼的App開發框架，旨在讓開發者使用HTML、Javascript、CSS等WebAPIs開發跨平臺的移動平臺 應用程式，其原名稱之為PhoneGap，Adobe收購Nitobi公司後，PhoneGap商標保留，程式碼貢獻給了Apache基金會，而 Apache將其命名為ApacheCallback，其後釋出新版本時，定名為ApacheCordova。
    Cordova是一個行動設 備的API介面集，利用JavaScript存取這些介面可以呼叫諸如攝影機、羅盤等硬體系統資源。配合上一些基於HTML5、CSS3技術的UI框架， 如jQueryMobile、DojoMobile或SenchaTouch，開發者得以快速地開發跨平臺App而不需要編寫任何的原生程式碼。

Ionic

    Ionic是一個新的、可以使用HTML5構建混合移動應用的使用者介面框架，它自稱為是“本地與HTML5的結合”。該框架提供了很多基本的移動用 戶介面範例，例如像列表（lists）、標籤頁欄（tabbars）和觸發開關（toggleswitches）這樣的簡單條目。它還提供了更加複雜的可 視化佈局示例，例如在下面顯示內容的滑出式選單。

    Ionic宣稱他們極度強調效能，並且通過限制DOM互動、完全移除jQuery以及使用像translate(z)這種特定的硬體加速的CSS濾鏡觸發移動裝置上GPU——與由動力不足的移動瀏覽器提供的互動相比這種方式提供了硬體加速的互動——等方式使速度最大化。

    PS：Ionic的npm安裝需要Python環境的支援，建議使用2.7的版本。

Angular.Js

    AngularJS是建立在這樣的信念上的：即宣告式程式設計應該用於構建使用者介面以及編寫軟體構建，而指令式程式設計非常適合來表示業務邏輯。[1]框架 採用並擴充套件了傳統HTML，通過雙向的資料繫結來適應動態內容，雙向的資料繫結允許模型和檢視之間的自動同步。因此，AngularJS使得對DOM的操 作不再重要並提升了可測試性。

設計目標：

• 將應用邏輯與對DOM的操作解耦。這會提高程式碼的可測試性。
• 將應用程式的測試看的跟應用程式的編寫一樣重要。程式碼的構成方式對測試的難度有巨大的影響。
• 將應用程式的客戶端與伺服器端解耦。這允許客戶端和伺服器端的開發可以齊頭並進，並且讓雙方的複用成為可能。
• 指導開發者完成構建應用程式的整個歷程：從使用者介面的設計，到編寫業務邏輯，再到測試。

    Angular 遵循軟體工程的MVC模式，並鼓勵展現，資料，和邏輯元件之間的鬆耦合。通過依賴注入（dependencyinjection），Angular為客戶 端的Web應用帶來了傳統服務端的服務，例如獨立於檢視的控制。因此，後端減少了許多負擔，產生了更輕的Web應用。