聊一聊我在移動平臺做Hybrid開發(fā)的經(jīng)驗(yàn)
我想說明的是，我在文章中只會談到一些關(guān)鍵的技術(shù)點(diǎn)，不會太深入談技術(shù)問題，也就是說，不會出現(xiàn)代碼級的教程。請不要問我要源代碼，雖然我做的App很一般，但這就好比雖然我長得不咋的，但我媽也不會愿意把我送人的，代碼就是我的孩子，公開總是有點(diǎn)舍不得。不過也許有一天我會選擇開源，但還沒有開源之前，請不要問我要源碼。
無圖無真相，我想先上幾張圖，如果我不說明，各位能看得出這是HTML開發(fā)的嗎？注意看***張圖的鍵盤上，沒有討厭的上一項(xiàng)/下一項(xiàng)按鈕。
這個應(yīng)用叫錢管家，基于Objective-c+HTML5混合技術(shù)開發(fā)的，它盡量模擬原生App的體驗(yàn)，基本上可以達(dá)到95%以上的水平，目前我覺得除了切換動畫之外，其它都非常不錯。但模擬始終是模擬，就算99.99%接近，和100%還是有差別的，所以要不要用混合技術(shù)開發(fā)，和你的產(chǎn)品有關(guān)，另外和你的技術(shù)團(tuán)隊(duì)組成也非常重要。
錢管家這個應(yīng)用其實(shí)很簡單，它就是一個簡單記賬工具，非常簡單的記賬工具，它只能記錄收支和分類。實(shí)際上它還有一個姊妹版叫錢管家閃電版，閃電版更加簡單，沒有分類而且每天只能記一筆。因?yàn)閷τ趹腥藖碚f，是不大愿意每一筆都記的，特別是男生會覺得這樣很沒意思，但每天記錄一筆就比較容易了，一天大概花多少錢還是能記得住的。
這個產(chǎn)品我最滿意是計(jì)算器和在日歷上顯示金額，算是這個應(yīng)用的小小創(chuàng)新點(diǎn)吧。在閃電版你是不需要選擇支出還是收入的，輸入正數(shù)判斷為收入，負(fù)數(shù)判斷為支出，輸入數(shù)字就可以完成操作，減少用戶操作。另外這個應(yīng)用可以把數(shù)據(jù)備份到服務(wù)器上去，這個也是Hummer框架的功能之一，所有基于Hummer的應(yīng)用都可以備份數(shù)據(jù)到服務(wù)器上，當(dāng)然也是可以恢復(fù)的。
從截圖上大家可以看到，HTML5在界面表現(xiàn)能力上非常好，要做到同樣的效果，用Objective-c要寫一大堆代碼，而HTML5只需要簡單的CSS就能實(shí)現(xiàn)。但在動畫表現(xiàn)上，Objective-c簡單的代碼能實(shí)現(xiàn)非常華麗的動畫，而且非常穩(wěn)定，CSS3就慘了，不過可以從產(chǎn)品設(shè)計(jì)上來避免一些動畫，減少用戶的違和感。錢管家的折線圖是用Canvas畫的，參考了網(wǎng)上的代碼，基本上重寫過了，我可真折騰帝啊。
在做錢管家的時候，我已經(jīng)將iOS元素組件化，盡量用HTML去模擬原生iOS UI控件，如Switch控件、日歷控件、按鈕、SegmentControl、Datepicker等等，模仿jQuery重寫選擇器，并擴(kuò)展了許多功能，比jQueryMobile更加精簡。可能有些人會覺得這是一個重復(fù)造輪子的過程，為什么我不用jQTouch和PhoneGap呢，因?yàn)?011年初PhoneGap還有很多問題，比如說沒有解決白屏的問題，jQTouch做普通的App可以，但這顯然不是我想要的。再加上技術(shù)人員的Geek心態(tài)，總想自己能控制一切，所以就自己不自量力地寫了。
最初選擇HTML5+Native進(jìn)行混合開發(fā)的是因?yàn)榧庇茫约河植皇煜bjective-c的開發(fā)，所以就用UIWebView嵌入了一個手機(jī)網(wǎng)站提交到App Store上去了，本地用一個HTML，并用AJAX檢查網(wǎng)絡(luò)是否正常，這個App居然提交審核成功。這樣后來就一邊學(xué)Objective-c一邊用HTML進(jìn)行開發(fā)了，自己用Objective-c寫了一個叫imBox的框架，用Javascript/CSS3寫了一個Hummer的輕量級框架，封裝常用控件和數(shù)據(jù)庫操作，以及和imBox之間的交互，調(diào)用本地硬件等等，其實(shí)就是和PhoneGap差不多的功能，現(xiàn)在做新的App開發(fā)算是比較簡單了。
我是堅(jiān)定的HTML5支持者，我堅(jiān)信Web才是未來，蘋果的設(shè)備對HTML5的支持非常優(yōu)秀。特別是Node.js的出現(xiàn)，讓Javascript可以橫掃一切，我目前新實(shí)驗(yàn)的一個項(xiàng)目，就是用Javascript開發(fā)的，服務(wù)器用Node.js+MongoDB，我希望***限度地減少代碼量，并且能讓它部署到80%的設(shè)備上，包括Pad/智能機(jī)/各種瀏覽器擴(kuò)展/網(wǎng)站/Facebook應(yīng)用等等。這一年來，我有很多的感觸，究竟要用什么技術(shù)來開發(fā)移動設(shè)備App，我覺得要根據(jù)自身的業(yè)務(wù)和技術(shù)實(shí)力終合考慮，任何一種技術(shù)都有它的使用場景，用HTML5+Native做混合開發(fā)，技術(shù)難度并不比Objective-c低。但是混合開發(fā)有它的好處，一是跨平臺，二是跳過蘋果App Store進(jìn)行升級。
