低成本快速上線的輕量級APP開發(fā)實踐

1、打造低成本快速上線的輕量級APP開發(fā)實踐本次案例-甜橙理財添益寶活期寶定期寶基金股票發(fā)現(xiàn)案例分析：甜橙理財產(chǎn)品多；渠道多；迭代速度快；測試資源寶貴。APP開發(fā)方案方案一：Native優(yōu)點:1、好的用戶體驗2、性能高3、運行效率快缺點:1、維護成本高2、開發(fā)效率低3、需要通過APP Store或market,審核時間較長4、必須手動下載更新方案二：HTML5(WAP)優(yōu)點:1、跨平臺2、開發(fā)速度快3、易于發(fā)布更新缺點:1、運行效率低2、體驗差方案三：Hybrid優(yōu)點:1、跨平臺2、開發(fā)速度快3、自主更新4、體驗相對比較好5、能夠使用Native功能缺點：1、性能相對Native差些2、靈活度不夠

2、3、學(xué)習(xí)成本高Native+HTML5輕量級解決方法 HTML5模塊一 容器 安全 微服務(wù)模塊二模塊三模塊四解決方法AngularjsflexiblewebpackHTML5方 式 在 線 離 線Angularjs使用雙大括號語法進行數(shù)據(jù)綁定；使用DOM控制結(jié)構(gòu)來實現(xiàn)迭代或者隱藏DOM片段；支持表單和表單的驗證；能將邏輯代碼關(guān)聯(lián)到相關(guān)的DOM元素上；可自定義的組件。webpack模塊化的解決方案實現(xiàn)測試和生產(chǎn)環(huán)境使用不同的配置文件使用npm安裝框架依賴，可以方便引入pulgins，方便對CSS、JS合并壓縮、圖片的壓縮集成。將項目資源大部分輸出到一個Bundle.JS文件，減少瀏覽器首次加載時

3、的資源請求生成帶有項目名稱和版本號的文件夾并壓縮（用于webapp）生成帶有hash的bundle.js文件，解決瀏覽器因為緩存不刷新的問題flexible動態(tài)改寫標簽給元素添加data-dpr屬性，并且動態(tài)改寫data-dpr的值給元素添加font-size屬性，并且動態(tài)改寫font-size的值HTML5Native容器橋梁XXXX.html.js容器路由器處理器Android(WebView)iOS(WKWebView)(UIWebView)攔截XXXX:/COMMON/API/方法/參數(shù)網(wǎng)絡(luò)請求文件處理回退事件安全機制緩存機制更新機制消息組件路由處理應(yīng)用跳轉(zhuǎn)（1）HTML5與原生交互同

4、步調(diào)用：等待返回值的交互異步調(diào)用：回調(diào)函數(shù)的交互（2）原生函數(shù)調(diào)用結(jié)合本地JavaScript和原生交互橋梁，提供原生函數(shù)調(diào)用接口API， 原生實現(xiàn)API接口主要技術(shù)快速開發(fā):一套應(yīng)用多渠道同步上線前端開發(fā)前端技術(shù)*.js原生功能(容器)IOSAndroidWAP代 碼壓縮包(.zip)版本管理服務(wù)器壓縮包FAndroidiOS客戶端檢查更新應(yīng)用內(nèi)下載解壓與校驗啟動運行（F，V，D，K）身份驗證（F，D）（V，D，K）版本號V摘要D安全密鑰K快速上線：應(yīng)用內(nèi)自動更新，無需等待應(yīng)用審批安全防截取防反編譯防篡改防監(jiān)聽防冒充防抵賴HTTPS安全傳輸安全鍵盤自定義鍵盤JNISO.A靜態(tài)庫加密算法簽名C

5、A云服務(wù)加固 客戶端加固：通過混淆防止Android程序被反編譯?？梢允褂玫谌l(fā)的混淆工具，如（百度、阿里），也可以自己編寫腳本baksmalijd-guiapktoolAPK加固反編譯反編譯反編譯安全鍵盤：1、自定義軟鍵盤(隨機數(shù)據(jù)) 2、提供組件對信息進行安全處理。 3、驗證調(diào)用APP合法性（簽名）自定義軟鍵盤(隨機數(shù)據(jù)、點擊無效果)注:僅隨機數(shù)字是考慮用戶使用習(xí)慣1安全鍵盤自定義鍵盤JNISO.A靜態(tài)庫加密算法12安全鍵盤自定義鍵盤JNISO.A靜態(tài)庫加密算法12安全鍵盤：1、自定義軟鍵盤(隨機數(shù)據(jù)) 2、提供組件對信息進行安全處理。 3、驗證調(diào)用APP合法性（簽名）2安全鍵盤自定義鍵盤

6、JNISO.A靜態(tài)庫加密算法12安全鍵盤：1、自定義軟鍵盤(隨機數(shù)據(jù)) 2、提供組件對信息進行安全處理。 3、驗證調(diào)用APP合法性（簽名）2ajax(URL:xxxx/common/api?a=123)Native Request(get/post)網(wǎng)絡(luò)傳輸AFNetworkingVolley網(wǎng)絡(luò)安全：數(shù)據(jù)通過Native進行傳遞，Native可以通過對稱加密與非對稱加密對數(shù)據(jù)行處理。代 碼壓縮包(.zip)版本管理服務(wù)器壓縮包FAndroidiOS客戶端檢查更新應(yīng)用內(nèi)下載解壓與校驗啟動運行防篡改:防止HTML5應(yīng)用被修改，通過對HTML5應(yīng)用簽名進行保護。（F，V，D，K）身份驗證（F，D）（V，D，K）版本號V摘要D安全密鑰K安全-大數(shù)據(jù)行為分析根據(jù)用戶行為數(shù)據(jù)進行分析微服務(wù)-