18年多端通用解决方案总结 - 好文

19年的第一天，在自己的当前的知识范畴内整理下18年的多端通用技术，留个纪念！告别2018，期待2019有更多新技术。

目前我所知的前端的多端解决方案基本上都是基于vue和react这两大框架之上的。

一、vue阵营

1、基于vue的方案有之前mui+vue，对于简单的app，mui+vue完全够用了，也可以做成单页应用，不过两者结合存在着不少bug，有一定缺点，如果对app要求不高的话可以使用，对app要求高的话就不建议使用了。

18年Decloud的hbuildx编辑器倒是挺给力，里面能直接生成uni-app，比之前的mui好多了，uni-app是基于vue的多端通用方案之一，目前写一套代码能生成h5、安卓、ios、微信小程序、支付宝小程序等各种应用。
uni-app唯一的缺点可能就是不支持vue-router吧，想做成单页面估计不容易。个人还是比较看好uni-app的，学习成本低，自动化程度很高。

2、vue阵营还有个阿里的weex，weex开源也两年了，目前一套代码能生成安卓ios两个平台的app，优点是支持vue-router，vuex，能把app做成单页面应用，单页应用目录结构清晰，项目大的时候容易维护。
缺点：没社区支持，还有就是weex-ui本身是基于weex，如果后续weex不支持更多的平台，比如支付宝小程序、微信小程序等等，那移植问题可能会成为大麻烦。

如果只做安卓和ios App的话，weex是个不错的选择，支持单页应用和全局状态管理这些特点是很适合用来开发app的。

二、react阵营
1、facebook的RN

react
native目前很流行，基于react，跟weex类似，支持安卓和IOS，走react路线的人可以选择学RN，最大的缺点就是学习成本较高吧，facebook也正在重构RN,未来应该会更好，还是很不错的。

2、京东taro

taro 的安卓和iso生成功能基于RN，另外京东团队在此基础上加上了其他小程序等代码生成功能，和vue阵营中的uni-app一样真正做到了一套代码多端通用。
缺点：打包命令行太繁琐了，一点都不自动化。

三、其他方案

腾讯有 hippy、plato、好像还没开源。美团有mpvue，基于vue，专门写微信小程序用的，如果只写微信小程序一个需求，可以一用。
谷歌有自己的新计划、新系统fuchsia，类似当年的wp吧，pc设备端通用，与之配套的当然就是flutter了，不过要学flutter的话那就又得学新东西了，谷歌的dart语言。有兴趣的人倒是可以学学。

四、总结

vue阵营的小伙伴推荐 uni-app weex
react阵营的小伙伴推荐 rn taro

学东西贵在精，不在多。前端东西更新太快，很杂，很容易眼花缭乱，不知道学什么，我的建议是无论做什么选择，最重要的选择往往只有一个！vue和react都不错，根据自身情形选择一个，普通前端进阶可以选择vue，后端来学前端说不定react更合适，选择适合自己的就对了。
最后—— 一句话结束，在这个纷繁的世界里，一个就够了！

热门工具换一换