Dcloud与APICluod选择指南

我就是我 2022-02-20 14:11 409阅读 0赞

> 在国内，开发 Hybrid App 大部分人会选择 Dcloud平台 或 APICluod平台。网络上也有许多的对比文章与互撕文章。在这些文章的背后还是没有准确的告诉开发者们应该如何选择。
> 
> 本文只从实际开发来介绍两者的利弊，及如何做出正确的选择。

# 一、APICloud #

### 优点： ###

1.  文档全面
2.  社区反馈问题能及时得到回应（小编反馈的建议和BUG官方都及时的做了改进和修复）
3.  多窗口管理，布局自由度相对较高（能更好的适应多种布局）
4.  入门要求极低（掌握 javascript,jQuery,vue 任一技术都可以进行开发工作）
5.  窗口切换样式丰富（能满足部分杠精产品）

### 缺点： ###

1.  因为布局自由度较高，开发效率相对于Dcloud平台而言较低（但能实现更多的布局，这也不能算缺点，而且可自由选择UI框架）

# 二、Dcloud有uni-app和MUI两种可供选择 #

## A、uni-app ##

### 优点： ###

1.  文档全面
2.  能实现多端跨平台开发（本文只针对于开发 Hybrid App 作比较，但这一点也是uni-app的优势）
3.  常用组件完备（通常情况下不需要引用其它组件，由框架提供的组件都能完成正常需求）
4.  开发效率突出（应用的适配问题基本都已经处理，不需要开发者自己解决）

### 缺点： ###

1.  组件全面，效率突出的背后约束也随之而来，布局自由度相对于APICloud平台而言较低（一个简单的例子，产品要求在标题栏添加一个“搜索”按钮，就不是很方便。PS：可以通过自定义标题栏实现）

## B、MUI ##

### 优点： ###

1.  入门要求极低（掌握 javascript,jQuery任一技术都可以进行开发工作。uni-app使用前最好先掌握Vue.js和小程序）
2.  能实现多端跨平台开发

### 缺点： ###

1.  文档超级糟糕（感觉demo的知识都比文档的全面）
2.  文档和demo中的代码风格都不统一（mui.js明明已经有封装好的方法，但在源码示例中多处还是用的js原生）
3.  文档中有多处基本的JS语法错误（先使用后定义，复制源码运行各种 not defined 对基础知识不足的新手不友好）
4.  功能与UI耦合度太高（样式基本上是没得改了，类名全部与JS写死了，而且命名又长又臭）

根据自己的亲身经历总结出这两者各自的优劣势之后，分析一下如何选择。

*  对页面及体验有较高要求则选择APICloud，就拿前面所说的在标题栏添加一个搜索按钮的常见布局，uni-app就不是很方便实现。为了避免更多类似的问题，选择APICloud会是更佳的选择（产品经理对布局有严格要求或者产品是个杠精，那就必须得选APICloud，别给自己找罪受）
 *  对页面及体验要求不过分的情况下选择uni-app是最好的选择，效率绝对一级棒，以后有多端要求也能应对（因为有多端的需求，所以布局的自由度会有相应的降低）
 *  MUI的话能用uni-app的情况下绝对不选择（小编对它完全没兴趣，也没有去专门的学习和使用过，在帮助别人解决相关问题时，查看文档非常吃力，同时得查看MUI文档，demo源码，H5+文档）

文章阅读以这里，相信大家能做出正确的选择了，正确的选择合适的才是最好的。其实选择要看的要求并不多，就是“页面”和“效率”二选一，望本篇文章能对大家有所帮助。

选择合适自己的开发平台后，开发一款优秀的 Hybrid App 又该注意什么呢，可以阅读小编的原创文章[《开发一款流畅的 Hybrid App 需要知道的事》][Hybrid App]。如果你真的选择了uni-app来做为多端开发的框架，在做这个决定前不妨先阅读小编的原创文章[《“一套代码，多端运行”靠谱么？》][Link 1]后再做决定。

> 作者：[黄河爱浪][Link 2] QQ：1846492969，邮箱：helang.love@qq.com
> 
> 公众号：`web-7258`，本文原创，著作权归作者所有，转载请注明原链接及出处。
> 
> 更多精彩文章，请扫下方二维码关注我的公众号
> 
> ![20190512094840637.jpg][]

[Hybrid App]: https://blog.csdn.net/u013350495/article/details/89284167
[Link 1]: https://blog.csdn.net/u013350495/article/details/89356838
[Link 2]: https://blog.csdn.net/u013350495
[20190512094840637.jpg]: /images/20220220/86ca067ca45e4c08b73fb7d36d4c8be8.png