前端hybrid開發介紹實例
某OTA-前端開發技術體系
原生開發的優/缺點
優點：
用戶體驗極佳，渲染速度快于H5，動畫效果絢麗等等
直接可調用原生功能（通訊錄、攝像頭等等）
可離線使用
調試透明
缺點：
開發成本高
兼容設備有限
商店內容限制
用戶更新不能控制
混合開發的優/缺點
優點：
從人員和時間成本上，學習成本低，開發效率高于原生開發
控制用戶更新，無需等待發包
無商店內容限制
可離線使用
缺點：
用戶體驗不如純原生應用，沒有絢麗的效果，渲染/響應速度慢，動畫支持不好等等
整體打包文件比較大
調試稍繁瑣
需要定義私有協議調用原生功能（通訊錄、攝像頭等等）
基于以上幾點，我們制定了，
首頁+搜索列表是原生界面，活動專題頁+產品詳情+預訂流程頁+支付均為H5混合頁面的技術體系
源碼托管及工作流
基于github flow，適合每周二/四上線，上線完成Master合并到future分支。
指引閱讀：http://www.ruanyifeng.com/blog/2015/12/git-workflow.html
本地服務跑起來
node / nginx / iis 起一個資源站點服務，再起一個站點服務用于托管頁面（如果資源沒有單獨域名就更方便了）
數據模擬+數據綁定
如果后臺有數據了，直接調用即可。
如果沒有可以用http://www.easy-mock.com
前端時間多前端綁定，后端人多后端綁定。去年用的ng1，現在在重構到vue2，切換無壓力~
測試環境
git 提交代碼到 gitlab服務器，gitlab發出hook鉤子給 服務器jenkins，Jenkins接收信息，觸發 前端構建
hosts綁定 服務器IP，打開瀏覽器即可
開發調試
M站： hosts綁定本機，chrome模擬機，sourceMap調試
app：charles/fiddler，手機指向電腦IP代理，開發走debug包，調試模式，打開safari 或者 chrome://inspect ，sourceMap調試
非常好我支持^.^
(0) 0%
不好我反對
(0) 0%
下載地址
前端hybrid開發介紹實例下載
相關電子資料下載
- Web前端開發需要學的有什么？ 73
- 前端開發之函數式編程實踐 162
- Web前端開發必常用的9個開源框架 1960
- 重新構想前端開發！Kotlin推出新功能 1399
- 新手建站方法介紹：無需購買服務器快速部署靜態網頁 382
- 七個可提高前端開發效率的工具及插件 1662
- 3·8女神節，走近這幾位又美又颯的程序媛 1343
- 開關電源的前端開發防浪涌電路該怎樣設計方案 1544
- 6個高效的前端開發工具 3619
- 盤點總結微前端開發常見問題和誤區 2048