混合模式移動端的搭建與使用（React-native + Vue + h5 + iOS + Android）持續(xù)更新

一.背景
??本人是做后端開發(fā)人員诺核，本來公司移動端項目是外包給其他公司做的抄肖，但是后期維護成本太高，公司決定要自己來開發(fā)窖杀，不過部門內沒有做移動端開發(fā)的漓摩，又不想招人，所以來了個趕鴨子上架入客，我就被推上來移動道路管毙，剛開始也是各種碰壁，也是經歷各類的蒙圈桌硫，摸爬滾打夭咬，也算是把東西做出來了。一直想寫博客铆隘，將內容記錄下來卓舵，但是一是沒有時間，二是電腦里都裝好了各類環(huán)境膀钠，所以沒法細致的記錄√屯澹現在剛入手一個mac book，所以嶄新的電腦可以從安裝環(huán)境和工具開始記錄肿嘲。
??第一個版本經過評估融击，是采用的React Native 來做的，因為人員有限雳窟，并且做后端的也有原生Javascript作為基礎尊浪，所以采用它，下面用RN簡寫敘述封救。RN 的好處就是能編寫代碼容易上手际长，并且?guī)缀跏菍懸惶状a兩端（Android和iOS）同時運行，并且?guī)缀醺杏X不到編譯的過程兴泥，開發(fā)成功后普通功能幾乎能達到跟原生的用戶體驗工育。好處就不去多說了，在React Native中文網有各種介紹和使用方法搓彻。
??第二個版本是要做原生的App如绸，我想大家也都知道，領導們解決了溫飽問題后旭贬，就會思yy怔接，想要更好的體驗，以及為了更方便的和第三方公司集成sdk稀轨，所以開始了漫漫原生路扼脐。公司又從后端開發(fā)人員中調配了一個人來做安卓，這樣就組成了開始的移動團隊。這樣兩個人都開始了自己的研究工作瓦侮，經過一小段時間艰赞，大家都有了成果，從登陸到主界面到各個頁簽肚吏，以及個人設置頁面都出來了方妖。大家歡喜之余，那么問題來了罚攀，其中有很多功能需要繼續(xù)使用RN的功能党觅，所以要面臨著Android和iOS要集成同一套RN代碼，也就是說兩個原生和RN要在同一個工程目錄中斋泄，維護共同的代碼杯瞻。在下面會寫到如何把現有的兩個原生項目集成到RN中。
??第三個版本是要集成h5功能炫掐，由于公司業(yè)務需求又兵，有很多功能是每天都會隨著業(yè)務方的變化而更改需求，熱更新和原生的更新已經滿足不了卒废，所以我們決定用vue來做h5功能。這樣宙地，我們的app 就應用到了rn vue和原生摔认。
??版本都搭建好后，寫了各類的原生與rn的橋接api宅粥、h5與原生橋接api参袱、以及rn與h5橋接api,然后項目又進入了一些開發(fā)人員，這樣整體項目算是組建完畢秽梅，并且開發(fā)人員進來之后不需要有太多的相應技能即可工作抹蚀。
二.實際開發(fā)
??我會按照我從0開始做移動端三個版本的順序進行講解。已經有相關經驗的可跳過觀看企垦。
??1.React Native項目搭建和使用（已更完）
??2.安卓环壤、蘋果、React Native的系統(tǒng)協(xié)作開發(fā)之 --- iOS原生項目集成RN（等待更新）
??3.安卓钞诡、蘋果郑现、React Native的系統(tǒng)協(xié)作開發(fā)之 --- Android原生項目集成RN（等待更新）
??4.安卓、蘋果引入h5 (Vue實現)（等待更新）

最后編輯于：2020.08.06 11:32:16

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者