一.背景
??本人是做后端開發(fā)人員，本來公司移動端項目是外包給其他公司做的，但是后期維護(hù)成本太高，公司決定要自己來開發(fā)，不過部門內(nèi)沒有做移動端開發(fā)的，又不想招人，所以來了個趕鴨子上架，我就被推上來移動道路，剛開始也是各種碰壁，也是經(jīng)歷各類的蒙圈，摸爬滾打，也算是把東西做出來了。一直想寫博客，將內(nèi)容記錄下來，但是一是沒有時間，二是電腦里都裝好了各類環(huán)境，所以沒法細(xì)致的記錄?，F(xiàn)在剛?cè)胧忠粋€mac book，所以嶄新的電腦可以從安裝環(huán)境和工具開始記錄。
??第一個版本經(jīng)過評估，是采用的React Native 來做的，因為人員有限，并且做后端的也有原生Javascript作為基礎(chǔ)，所以采用它，下面用RN簡寫敘述。RN 的好處就是能編寫代碼容易上手，并且?guī)缀跏菍懸惶状a兩端（Android和iOS）同時運(yùn)行，并且?guī)缀醺杏X不到編譯的過程，開發(fā)成功后普通功能幾乎能達(dá)到跟原生的用戶體驗。好處就不去多說了，在React Native中文網(wǎng)有各種介紹和使用方法。
??第二個版本是要做原生的App，我想大家也都知道，領(lǐng)導(dǎo)們解決了溫飽問題后，就會思yy，想要更好的體驗，以及為了更方便的和第三方公司集成sdk，所以開始了漫漫原生路。公司又從后端開發(fā)人員中調(diào)配了一個人來做安卓，這樣就組成了開始的移動團(tuán)隊。這樣兩個人都開始了自己的研究工作，經(jīng)過一小段時間，大家都有了成果，從登陸到主界面到各個頁簽，以及個人設(shè)置頁面都出來了。大家歡喜之余，那么問題來了，其中有很多功能需要繼續(xù)使用RN的功能，所以要面臨著Android和iOS要集成同一套RN代碼，也就是說兩個原生和RN要在同一個工程目錄中，維護(hù)共同的代碼。在下面會寫到如何把現(xiàn)有的兩個原生項目集成到RN中。
??第三個版本是要集成h5功能，由于公司業(yè)務(wù)需求，有很多功能是每天都會隨著業(yè)務(wù)方的變化而更改需求，熱更新和原生的更新已經(jīng)滿足不了，所以我們決定用vue來做h5功能。這樣，我們的app 就應(yīng)用到了rn vue和原生。
??版本都搭建好后，寫了各類的原生與rn的橋接api、h5與原生橋接api、以及rn與h5橋接api,然后項目又進(jìn)入了一些開發(fā)人員，這樣整體項目算是組建完畢，并且開發(fā)人員進(jìn)來之后不需要有太多的相應(yīng)技能即可工作。
二.實際開發(fā)
??我會按照我從0開始做移動端三個版本的順序進(jìn)行講解。已經(jīng)有相關(guān)經(jīng)驗的可跳過觀看。
??1.React Native項目搭建和使用（已更完）
??2.安卓、蘋果、React Native的系統(tǒng)協(xié)作開發(fā)之 --- iOS原生項目集成RN（等待更新）
??3.安卓、蘋果、React Native的系統(tǒng)協(xié)作開發(fā)之 --- Android原生項目集成RN（等待更新）
??4.安卓、蘋果 引入h5 (Vue實現(xiàn))（等待更新）