關(guān)于混合式開發(fā)的全面解讀

1、你知道什么是混合式開發(fā)，什么是跨平臺嗎？互聯(lián)網(wǎng)行業(yè)競爭愈演愈烈，掌握最新行業(yè)動態(tài)與前沿技術(shù)相當(dāng)于掌握了互聯(lián)網(wǎng)發(fā)展的主動權(quán)隨著HTML5技術(shù)的快速發(fā)展以及在移動APP方面的廣泛應(yīng)用，Android+HTML5、iOS+HTML5跨平臺的混合式開發(fā)APP因其開發(fā)成本低、體驗效果好的優(yōu)勢逐漸得到企業(yè)的認(rèn)可，混合開發(fā)已成大勢所趨。面對互聯(lián)網(wǎng)行業(yè)日新月異的變革，要始終保持一種學(xué)習(xí)的心態(tài)，那么什么是混合式開發(fā)？什么是跨平臺呢？了解這些讓你及時把握行業(yè)新動向，了解最新主流技術(shù)！一、目前移動互聯(lián)網(wǎng)開發(fā)所遇到的問題：兩大陣營分立目前，具有代表性、占有絕對市場份額的移動操作系統(tǒng)包括蘋果的iOS、谷歌的Androi

2、d，雖然目前Android和iOS正在逐漸走向同質(zhì)化，但是畢竟兩大平臺所使用的基礎(chǔ)技術(shù)完全不同。所以一般的移動互聯(lián)網(wǎng)公司都會有兩個開發(fā)部分，分別負(fù)責(zé)兩個平臺上面的應(yīng)用開發(fā)工作。Android平臺碎片化：Android系統(tǒng)的開放性使得除了Apple之外的所有廠商都投入到Android陣營當(dāng)中，在迅速擴(kuò)張本陣營實力的同時也帶來了巨大的后遺癥，那就是碎片化嚴(yán)重：設(shè)備繁多，品牌眾多，版本各異，分辨率不統(tǒng)一等等，這些都逐漸成Android系統(tǒng)發(fā)展的障礙，碎片化嚴(yán)重不僅造成Android系統(tǒng)混亂，也導(dǎo)致安卓應(yīng)用的隱形開發(fā)成本增多。iOS平臺碎片化：iOS生態(tài)環(huán)境雖然與Android不同，更像是一個獨裁的帝

3、國。但是為了應(yīng)對Android陣營各種機(jī)型的沖擊，蘋果也不得已發(fā)布了多種產(chǎn)品線，雖然iOS系統(tǒng)不存在廠商差異，同時操作系統(tǒng)版本升級也比較及時，但是同時面對如此復(fù)雜的產(chǎn)品線，也不是那么的輕松。3.碎片化大背景下的開發(fā)問題用戶體驗一致性：由于用戶更換手機(jī)頻率變高，經(jīng)常在Android、iOS兩大平臺之間切換，所以同一款軟件在Android和iOS平臺上的使用體驗應(yīng)當(dāng)基本保持一致。多屏幕適配問題：手機(jī)廠商為了搶占不同的市場，往往會生產(chǎn)不同屏幕的手機(jī)，屏幕的大小，形狀和像素密度都各不相同，這就要求工程師開發(fā)出來的軟件需要具有適應(yīng)不同屏幕的能力，因為我們不可能為每一種屏幕都開發(fā)一款專用的軟件。應(yīng)用頻繁更

4、新問題：客戶的需求瞬息萬變，所以對于軟件開發(fā)者而言，能否快速的跟上用戶的變化，將是決定一款應(yīng)用生死的關(guān)鍵因素。但是如果為了軟件而太頻繁的推送更新，也會給用戶帶來困擾，這對于開發(fā)者而言貌似是一個悖論。因此，“一次編寫實現(xiàn)，多平臺共享運行”是程序員追求的目標(biāo)，那么如何開發(fā)一種通用的移動應(yīng)用程序，可以經(jīng)過簡單修改甚至不修改就可以在眾多移動操作系統(tǒng)上運行是目前移動應(yīng)用開發(fā)研究面臨的重要核心問題，所以混合式開發(fā)與跨平臺移動開發(fā)開始逐漸得到人們的重視并隨之快速普及。二混合式開發(fā)解決方案以Facebook為首的軟件公司發(fā)現(xiàn)了HTML5的技術(shù)優(yōu)勢，所以大力推動了HTML5+原生技術(shù)的HTML5跨平臺優(yōu)勢HTM

5、L5技術(shù)是HTML發(fā)展的第五個版本，也是改進(jìn)最大的版本。由于HTML5技術(shù)在開發(fā)的過程中已經(jīng)是移動互聯(lián)網(wǎng)高速發(fā)展的時期，所以在開發(fā)的過程當(dāng)中非常重視該技術(shù)在移動設(shè)備上的使用情況，內(nèi)置了大量針對移動端產(chǎn)品的解決方案。而且HTML5從本質(zhì)上來說是一種網(wǎng)頁技術(shù)，而網(wǎng)頁的運行平臺是瀏覽器，所以無論是Android、iOS，還是這兩大平臺下的哪一種設(shè)備，都對HTML5有著完整的支持，這也就意味著HTML5有著天生的跨平臺優(yōu)勢。HTML5+原生應(yīng)用程序的混合式開發(fā)HTML5既然這么的牛叉，為什么不完全使用HTML5開發(fā)應(yīng)用程序呢？這是因為HTML5技術(shù)當(dāng)中所包含的各類型的解決方案，主要集中在用戶的界面部分

6、，并沒有涵蓋應(yīng)用程序內(nèi)部的功能和邏輯。例如開啟手機(jī)的攝像頭，獲取手機(jī)傳感器的各種數(shù)據(jù)，再或者是打開手機(jī)的藍(lán)牙通訊功能等等。這就催生了HTML5+原生應(yīng)用程序的混合式開發(fā)模式。所謂的混合式開發(fā)就是使用HTML5作為開發(fā)應(yīng)用程序界面的主力技術(shù)，使用原生開發(fā)語言作為實現(xiàn)應(yīng)用程序內(nèi)部功能和邏輯的技術(shù)，然后將兩者進(jìn)行結(jié)合，就可以大幅度的提升應(yīng)用程序針對不同平臺的適應(yīng)性，降低應(yīng)用程序的開發(fā)工時，同時降低開發(fā)成本。三.ReactNative跨平臺開發(fā)解決方案React框架ReactNative是使用React框架跨平臺開發(fā)移動應(yīng)用的開源技術(shù)框架，開發(fā)者可以使用ReactNative高效的開發(fā)運行于Andro

7、id與iOS操作系統(tǒng)的應(yīng)用程序。它的設(shè)計理念是：使用ReactNative開發(fā)，既擁有Native的良好人際交互體驗，又保留了React框架的開發(fā)效率。React框架不追求所謂的“一次編寫，隨處運行(WriteOnce,RunAnywhere)”。React認(rèn)為不同的平臺應(yīng)該有不同的外觀、感覺、功能等。開發(fā)者仍然需要為不同的平臺去做一些額外的工作。React把不同平臺的能力分為跨平臺的通用能力與平臺特色能力，這樣應(yīng)用程序的代碼也分成了跨平臺部分和平臺特色部分。React把這個方案叫做“一次學(xué)習(xí)，隨處編寫(LearnOnce,WriteAnywhere)”ReactNative開發(fā)特點：2)混合

8、式開發(fā)UI界面由ReactNative開發(fā)，但是UI事件處理由原生代碼來執(zhí)行將原來是用原生代碼實現(xiàn)的UI小部件包裝成ReactNative的自定義組件應(yīng)用界面在ReactNative開發(fā)的界面與原生代碼開發(fā)的界面間切換3)高效的UI開發(fā)對于移動應(yīng)用開發(fā)來說，在單個平臺上，UI部分開發(fā)工作量占移動應(yīng)用開發(fā)總工作量的比重至少為50%。對于追求界面完美、使用方便、容易上手的移動應(yīng)用來說，這個比例會提高到70%左右。再考慮到很多應(yīng)用都需要兼顧Android和iOS兩個平臺，UI開發(fā)的工作量又被放大了一倍。在這個時候，使用ReactNatie開發(fā)的優(yōu)勢就顯露無遺了。使用ReactNative開發(fā)移動應(yīng)用的UI界面比使用原生語言快捷高效，再考慮到至少90%的移動應(yīng)用界面都可以使用ReactNative開發(fā)，一份代碼適配Android和iOS兩個平臺，這相當(dāng)于剪掉了一個開發(fā)平臺，減少50%的工作量，開發(fā)者找不到任何理由不使用ReactNative開發(fā)移動應(yīng)用。雖然ReactNative可以實現(xiàn)很多UI之外的功能，但開發(fā)UI部分絕對是ReactNative的強(qiáng)項。主要體現(xiàn)在以下4個方面：獨特的UI實現(xiàn)框架組件化開發(fā)跨平臺移植代碼迅速自動匹配不同屏幕大小的手機(jī)2016年，互聯(lián)網(wǎng)行業(yè)風(fēng)起云涌，IT工程師如果僅憑傳統(tǒng)開發(fā)思