Hybrid APP混合開發的一些經驗和總結

 

三種開發方式

1. Native App

2. Web App
優勢： 開發時間短，利用webview內置網頁實現
缺點： 用戶體驗差，加載速度慢

3. Hybrid App
優勢： 能夠達到接近 Native App的感受
缺點： 比web app學習門檻高

例如： facebook

三種開發模式優缺點

　　　　　　　　native App     　　Hybrid App    　　Web App

原生功能       　　優秀　　　　　　接近優秀　　　　差

性能   　　　　　很是快　　　　　快　　　　　　　慢

跨平臺開發成本　　昂貴　　合理　　 　　便宜

 hybrid app框架

PhoneGap/cordova  ：測重於JS與原生的交互

AppCan：國內的，性能還行，基於雲打包，隱私稍弱

lonic： 相似Bootstrap ，擅長 的方面是Ui組件比較豐富 

 

ui框架有：

Jquery Mobile：

Sencha Touch：

React Navtive ：facebook提出來的

lonic ui

------------------------------------------------

Cordova環境配置 ：

概念：提供了一組設備相關的API，經過這組API，移動應用可以以Javascript訪問原生的設備功能更 ，入攝像頭 ，麥克風等。

還提供了一組贊成的 javascript類庫 ，支持移動操做系統：ios android 。。。。等

與PhoneGap的關係：cordova 是貢獻給Apache後的開源項目 ，是從PhoneGap中抽出來的核心代碼，是驅動PhoneGap的核心引擎。舉例說明，PhoneGap 是一輛車 ，cordova是發動機

如何安裝和配置：安裝cordova以前，需先安裝 node.js和 npm ，另外少不了 Android SDK ，以及一個模擬器運行後面的App。推薦使用 Genymontion 

Ps： node 包管理器是一個Node.js 官方提供的第三方包管理器工具 。

步驟1. 安裝node.js(https://nodejs.org/en/) 默認已包含 npm，安裝成功後 輸入 npm -v 查看版本號 

步驟2.輸入npm install -g cordova ，安裝可能有點慢，若是網絡環境安裝不了， 能夠使用國內淘寶鏡像 （http://npm.taobao.org/）

步驟3：

 

http://www.javashuo.com/article/p-wnvivwxz-gh.html

http://www.javashuo.com/article/p-cfqbxnim-ko.html