混合模式移动端的搭建与使用（React-native + Vue + h5 + iOS + Android）持续更新

一.背景
本人是做后端开发人员，本来公司移动端项目是外包给其他公司做的，但是后期维护成本太高，公司决定要自己来开发，不过部门内没有做移动端开发的，又不想招人，所以来了个赶鸭子上架，我就被推上来移动道路，刚开始也是各种碰壁，也是经历各类的蒙圈，摸爬滚打，也算是把东西做出来了。一直想写博客，将内容记录下来，但是一是没有时间，二是电脑里都装好了各类环境，所以没法细致的记录。现在刚入手一个mac book，所以崭新的电脑可以从安装环境和工具开始记录。
第一个版本经过评估，是采用的React Native 来做的，因为人员有限，并且做后端的也有原生Javascript作为基础，所以采用它，下面用RN简写叙述。RN 的好处就是能编写代码容易上手，并且几乎是写一套代码两端（Android和iOS）同时运行，并且几乎感觉不到编译的过程，开发成功后普通功能几乎能达到跟原生的用户体验。好处就不去多说了，在React Native中文网有各种介绍和使用方法。
第二个版本是要做原生的App，我想大家也都知道，领导们解决了温饱问题后，就会思yy，想要更好的体验，以及为了更方便的和第三方公司集成sdk，所以开始了漫漫原生路。公司又从后端开发人员中调配了一个人来做安卓，这样就组成了开始的移动团队。这样两个人都开始了自己的研究工作，经过一小段时间，大家都有了成果，从登陆到主界面到各个页签，以及个人设置页面都出来了。大家欢喜之余，那么问题来了，其中有很多功能需要继续使用RN的功能，所以要面临着Android和iOS要集成同一套RN代码，也就是说两个原生和RN要在同一个工程目录中，维护共同的代码。在下面会写到如何把现有的两个原生项目集成到RN中。
第三个版本是要集成h5功能，由于公司业务需求，有很多功能是每天都会随着业务方的变化而更改需求，热更新和原生的更新已经满足不了，所以我们决定用vue来做h5功能。这样，我们的app 就应用到了rn vue和原生。
版本都搭建好后，写了各类的原生与rn的桥接api、h5与原生桥接api、以及rn与h5桥接api,然后项目又进入了一些开发人员，这样整体项目算是组建完毕，并且开发人员进来之后不需要有太多的相应技能即可工作。
二.实际开发
我会按照我从0开始做移动端三个版本的顺序进行讲解。已经有相关经验的可跳过观看。
1.React Native项目搭建和使用（已更完）
2.安卓、苹果、React Native的系统协作开发之 --- iOS原生项目集成RN（等待更新）
3.安卓、苹果、React Native的系统协作开发之 --- Android原生项目集成RN（等待更新）
4.安卓、苹果引入h5 (Vue实现)（等待更新）

最后编辑于：2020.08.06 11:32:16