摘要：回顧一下整個(gè)過程，把我個(gè)人的學(xué)習(xí)歷程分享出來，希望能對大家有所幫助。這讓那些做和的程序員工資水平，像打了雞血一樣翻倍的往上漲，相比之下也讓普通開發(fā)者者望塵莫及。

作者：star

終于完成了自己的一個(gè)App開發(fā)作品，這是一個(gè)真正意義上通過跨平臺技術(shù)完成的純原生體驗(yàn)App產(chǎn)品?；仡櫼幌抡麄€(gè)過程，把我個(gè)人的學(xué)習(xí)歷程分享出來，希望能對大家有所幫助。謹(jǐn)以此文，獻(xiàn)給像我一樣“在路上”創(chuàng)業(yè)的小伙伴們，也獻(xiàn)給一路上幫助我成長的那個(gè)名為“And”的技術(shù)大神！

相信每個(gè)人都能感受到，這幾年移動(dòng)技術(shù)的高速發(fā)展和App開發(fā)的強(qiáng)勁需求，這些因素交織在一起造成了應(yīng)用開發(fā)人才供求的嚴(yán)重不平。這讓那些做IOS和Android的程序員工資水平，像打了雞血一樣翻倍的往上漲，相比之下也讓普通Web開發(fā)者者望塵莫及。曾經(jīng)很不幸，小編本人就是眾多web開發(fā)程序員中的一猿，而且自認(rèn)是深受傳統(tǒng)Java的跨平臺思想教育的一個(gè)資深憤青。幾年來，我懷揣著“一次編碼，處處運(yùn)行”的夢想一路追下來，試圖要另辟蹊徑殺入到移動(dòng)開發(fā)圈里去。從5年前學(xué)習(xí)phoneGap開始，我花了大量時(shí)間去研究和嘗試，用過Xamarin, NativeScript, React Native,Appcan, Apicloud等移動(dòng)開發(fā)產(chǎn)品，我沒有放過每一個(gè)跨平臺移動(dòng)開發(fā)平臺，不斷堅(jiān)持親自去嘗試和體驗(yàn)。對于技術(shù)上敢吃螃蟹的先行者，我難免也要為之付出一些代價(jià)：跨平臺技術(shù)確實(shí)在不斷改進(jìn)，可伴隨著發(fā)展“坑”也是越來越大。這些讓人又愛又恨的產(chǎn)品，讓我不斷享受著那種“帶你裝b帶你飛帶你沖進(jìn)垃圾堆”的感覺。經(jīng)過痛苦的學(xué)習(xí)和實(shí)踐經(jīng)歷之后，我不禁真心想問上幾個(gè)問題：Html5技術(shù)在移動(dòng)開發(fā)領(lǐng)域里真的能替代原生開發(fā)成為未來嗎？達(dá)不到原生體驗(yàn)效果的跨平臺技術(shù)還有和意義？“l(fā)earn once write anywhere”的方式成本這么高，到底能幫程序員省下多少力氣？通過反射和橋接技術(shù)，用js或c#調(diào)用ios和android原生api，有何實(shí)用價(jià)值，在真實(shí)的項(xiàng)目里真有人能忍受得起這么折騰嗎？

當(dāng)然，對技術(shù)的吐槽是沒有意義的，無論產(chǎn)品發(fā)展過程有多么曲折，軟件技術(shù)本身總是在一步步趨于成熟，沒有人能阻擋這個(gè)潮流。夢想最終還是落到了現(xiàn)實(shí)，無意間一次接觸DeviceOne移動(dòng)開發(fā)平臺，讓我逐漸找到了感覺。算是功夫不負(fù)有心人吧，這次嘗試，憑我一人之力，一款名為《納豆》App產(chǎn)品終于上線發(fā)布了（包括IOS和Android兩個(gè)版本）。這個(gè)真實(shí)的實(shí)踐經(jīng)歷，讓我驚喜的感受到，App跨平臺開發(fā)時(shí)代的這回真的到來了！

好了，閑話少說，感激之情難以言表，還是有圖有真相吧：

來感受一下我的App的體驗(yàn)效果吧，大家以掃描二維碼下載體驗(yàn)，也可以直接到下面的地址安裝：

古人云：“不管黑貓白貓能抓住老鼠就是好貓，不想當(dāng)老師的程序員就不是好廚子”。是的，好東西就要拿出來與大家分享，接下來我來給小伙伴們詳細(xì)介紹一下我學(xué)習(xí)過程。

最初我剛接觸到DeviceOne時(shí)，也是抱著試試看的態(tài)度。直到在QQ技術(shù)討論群看見群里有人展示他做出一款叫做“慧影時(shí)間流”日程管理應(yīng)用，讓我信心大增。我嘗試著安裝體驗(yàn)了一下這個(gè)App，結(jié)果完全出乎我的意料：兩側(cè)時(shí)間軸強(qiáng)大的同步能力，精準(zhǔn)的計(jì)算和流暢體驗(yàn)真是讓人嘆服，尼瑪這是中間件開發(fā)出來的應(yīng)用嗎，就算原生開發(fā)也很難做到呀！對于這款應(yīng)用，大家還是自己來體驗(yàn)一下吧。

（作者居然說還不夠完美，還要繼續(xù)完善后才能上appstore。所以這個(gè)應(yīng)用是企業(yè)證書簽名的，打開之前需要先授權(quán)）

當(dāng)然，別人做的東西再好，也不如自己親自去做來的實(shí)在。于是我就跟著教程，一步步學(xué)習(xí)，親自學(xué)習(xí)了一遍下面這個(gè)應(yīng)用的開發(fā)。

官網(wǎng)上還有一些很多小的學(xué)習(xí)實(shí)例，可供大家學(xué)習(xí)參考：

http://doc.deviceone.net/web/doc/code4do.htm

簡單介紹一下DeviceOne的原理，它徹底拋棄html和webview作為跨平臺的核心，也不像reactnative那樣使用類似html的結(jié)構(gòu)，完全使用自己的一套json格式的ui描述，膽子真夠大，不過還好它有可視化的IDE，可以拖拽可以“WYSWYG”的方式構(gòu)造ui。最最神奇的是它們的ui能自動(dòng)適配所有手機(jī)屏幕，我開發(fā)app都基本忘記了屏幕的差異性。邏輯代碼可以用JavaScript編寫(還能用lua，我沒試過)，但是對js的要求不高，因?yàn)榻^大部分功能都是DeviceOne提供的將近100個(gè)原生組件來實(shí)現(xiàn)的。

好了，我就先介紹這么多吧，時(shí)間有限，大家如果有問題還是去官網(wǎng)http://www.deviceone.net/ QQ技術(shù)討論群里問技術(shù)大神吧，等我下一個(gè)應(yīng)用發(fā)布后會繼續(xù)分享給大家的。

小伙伴們，實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)，技術(shù)這東西不能靠吹牛的，是不是好東西還要自己親自嘗試過才知道。